/* Headline column lock v2. Unique filename: Bunny ignores CSS query strings.
   Port of the gaming gold ATF (Kakao / OpenBet) onto Baldwin chrome
   WITHOUT html.pg-visual.

   Site header .container, breaking bar, hero, ticker, knb, news-lead and
   article .wrap share one 1200px column with the same 32px gutters. */

:root{
  --cw:1200px !important;
  --gut:32px !important;
}

.site-header .container,
.site-footer .container{
  max-width:1200px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:32px !important;
  padding-right:32px !important;
  box-sizing:border-box !important;
}

.wrap,
.wrap.brk-in,
.wrap.knb-in,
.wrap.deal-answer-in,
.wrap.di-author-authority-in,
.wrap.shell,
.wrap.shell.is-wide,
.deal-summary > .wrap,
.di-secnav > .wrap,
.rel-sec.wrap,
.endm > .wrap,
.strip > .wrap,
.di-col{
  max-width:1200px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:32px !important;
  padding-right:32px !important;
  box-sizing:border-box !important;
}

.wrap.shell,
.wrap.shell.is-wide{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
}
.shell > .main,
.shell.is-wide > .main{
  max-width:none !important;
  width:100% !important;
}
.shell > .rail,
.wrap.shell.is-wide > aside.rail{
  display:none !important;
}

.hero-in{padding:88px 0 26px !important;}
.hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 400px !important;
  gap:56px !important;
  align-items:start !important;
  max-width:none !important;
}
.hero-grid > div:first-child h1.hl{max-width:none;}
.hero .tid{
  display:block !important;
  max-width:none !important;
  margin:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.hero .category-tag{display:none !important;}

.deal-answer{
  padding:28px 0 22px !important;
  background:var(--paper, #fff) !important;
  border:0 !important;
  border-bottom:1px solid var(--line, #e2e9f1) !important;
}
.deal-answer p,
.deal-answer p.news-lead,
.news-lead{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  color:var(--ink, #1a2332) !important;
}
.news-lead .dateline{
  font-family:var(--sans, 'Poppins', sans-serif);
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--navy, #0d1b2e);
}

.rel-sec .rel{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
}

.ma-visual-container.size-float-right{
  float:right !important;
  width:400px !important;
  max-width:400px !important;
  margin:.15rem 0 1.5rem 2rem !important;
}
.ma-visual-container.size-float-right .premium-editorial-image{
  object-fit:contain !important;
}

@media (max-width:1024px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:36px !important;
  }
}
@media (max-width:900px){
  .rel-sec .rel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .ma-visual-container.size-float-right{
    float:none !important;
    width:100% !important;
    max-width:400px !important;
    margin:1.5rem auto !important;
  }
}
@media (max-width:640px){
  :root{--gut:18px !important;}
  .site-header .container,
  .site-footer .container,
  .wrap,
  .wrap.brk-in,
  .wrap.knb-in,
  .wrap.deal-answer-in,
  .wrap.shell,
  .wrap.shell.is-wide,
  .deal-summary > .wrap,
  .di-secnav > .wrap,
  .rel-sec.wrap,
  .endm > .wrap,
  .strip > .wrap,
  .di-col{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .rel-sec .rel{
    grid-template-columns:minmax(0, 1fr) !important;
  }
  .ma-visual-container.size-float-right{
    max-width:100% !important;
  }
  .knb-in{grid-template-columns:1fr 1fr !important;}
}
