/* Headline column lock v2. Unique filename: Bunny ignores CSS query strings.
   Shared headline alignment layer 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;}
}

/* Uniform five-cell key-number band: one-line figure, two-line blurb, chip on the floor. */
.knb-in{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  align-items:stretch !important;
}
.kn{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  padding:28px 20px !important;
}
.kn .k{
  min-height:1.2em;
  margin-bottom:12px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kn .v{
  white-space:nowrap !important;
  font-size:32px !important;
  line-height:1.05 !important;
  min-height:1.05em;
  overflow:hidden;
}
.kn .v small{
  font-size:15px !important;
  font-weight:600;
  opacity:.62;
  margin-left:2px;
}
.kn .b{
  flex:1 1 auto !important;
  min-height:2.4em;
  margin-top:10px !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kn .sc{
  margin-top:auto !important;
  padding-top:10px;
}

/* Acquiry view: paper card, ink type. Never a navy box with inherited .main p navy. */
.main .sec .verdict,
.main .verdict{
  background:var(--soft-2, #f3f5f8) !important;
  border:1px solid var(--line, #e2e9f1) !important;
  border-top:3px solid var(--blue, #086ad8) !important;
}
.main .sec .verdict .vbody,
.main .verdict .vbody{
  background:transparent !important;
  color:var(--ink, #1a2332) !important;
}
.main .sec .verdict .vbody p,
.main .sec .verdict .vbody p b,
.main .sec .verdict .vbody p strong,
.main .verdict .vbody p,
.main .verdict .vbody p b{
  color:var(--ink, #1a2332) !important;
}

@media (max-width:640px){
  .knb-in{grid-template-columns:1fr 1fr !important;}
}
