/* Page-level consistency pass: compact sections, balanced grids, and readable article rails. */

/* Impact metrics: use editorial spacing instead of full-screen empty bands. */
html[data-page="impact-metrics"] main > section{
  min-height:0!important;
  padding-block:clamp(64px,6vw,96px)!important;
}
html[data-page="impact-metrics"] main > .hero{
  padding-block:clamp(48px,5vw,72px)!important;
}
html[data-page="impact-metrics"] main img[src*="phishdestroy-vs-profit-security"]{
  width:min(100%,760px)!important;
  max-height:360px!important;
  object-fit:cover!important;
  margin-inline:auto!important;
}

/* Labs: the old promo artwork dominated the page and left a dead visual bay. */
body.pd-page-labs main .reveal:has(img[src*="labs-og.png"]){display:none!important}
body.pd-page-labs main img[src*="labs-og.png"]{display:none!important}
body.pd-page-labs .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
@media (max-width:1100px){body.pd-page-labs .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){body.pd-page-labs .stats-grid{grid-template-columns:1fr!important}}

/* Related cards always fill a deliberate row; never leave a lone fourth card. */
html[data-page="keitaro-tds-exposed"] .related-investigations,
html[data-page="crypto-drainer-networks"] .related-investigations,
html[data-page="cloaking-whitepages-explained"] .related-investigations{
  max-width:1200px!important;
  width:calc(100% - 48px)!important;
  box-sizing:border-box!important;
  margin:56px auto!important;
  padding-inline:24px!important;
}
html[data-page="keitaro-tds-exposed"] .related-investigations > div,
html[data-page="crypto-drainer-networks"] .related-investigations > div,
html[data-page="cloaking-whitepages-explained"] .related-investigations > div{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
}
html[data-page="keitaro-tds-exposed"] .related-investigations > div > a,
html[data-page="crypto-drainer-networks"] .related-investigations > div > a,
html[data-page="cloaking-whitepages-explained"] .related-investigations > div > a{height:100%;box-sizing:border-box}
html[data-page="keitaro-tds-exposed"] .evidence-cards > :last-child:nth-child(odd){grid-column:1/-1!important}

/* The article footer sections inherited 160px vertical padding from the old lux layer. */
html[data-pd-article] main ~ section[style*="max-width"],
html[data-pd-article] main ~ div[style*="max-width"]{
  max-width:1200px!important;
  width:calc(100% - 48px)!important;
  box-sizing:border-box!important;
  padding-block:0!important;
  margin-block:48px!important;
}
html[data-pd-article] .pd-related{padding-block:72px!important;margin-block:32px 0!important}
html[data-pd-article] .pd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Keitaro's four investigations are a four-up desktop module and collapse cleanly. */
html[data-page="keitaro-tds-exposed"] .related-investigations > div{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Crypto networks: six facts read as a 3×2 matrix, with identical card treatment. */
html[data-page="crypto-drainer-networks"] .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html[data-page="crypto-drainer-networks"] .stat-grid .stat-card{min-width:0!important}
html[data-page="crypto-drainer-networks"] main ~ div[style*="max-width:56rem"]{max-width:1200px!important;width:calc(100% - 48px)!important;box-sizing:border-box!important}
@media (max-width:900px){
  html[data-page="crypto-drainer-networks"] .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-page="keitaro-tds-exposed"] .related-investigations > div,
  html[data-page="crypto-drainer-networks"] .related-investigations > div,
  html[data-page="cloaking-whitepages-explained"] .related-investigations > div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  html[data-pd-article] main ~ section[style*="max-width"],html[data-pd-article] main ~ div[style*="max-width"]{width:calc(100% - 32px)!important;margin-block:32px!important}
  html[data-pd-article] .pd-related{padding-block:48px!important}
  html[data-pd-article] .pd-related-grid{grid-template-columns:1fr!important}
  html[data-page="crypto-drainer-networks"] .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-page="keitaro-tds-exposed"] .related-investigations > div,
  html[data-page="crypto-drainer-networks"] .related-investigations > div,
  html[data-page="cloaking-whitepages-explained"] .related-investigations > div{grid-template-columns:1fr!important}
}

/* Mozilla investigation: widen the reading rail, align the blog CTA, and remove title clipping. */
html[data-page="moz-fake-extensions"] main.container{
  width:calc(100% - 48px)!important;
  max-width:1320px!important;
}
html[data-page="moz-fake-extensions"] .content.grid.grid-2{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)!important;
  gap:48px!important;
}
html[data-page="moz-fake-extensions"] .reading-masthead .title{
  margin-inline:0!important;
  padding-inline:.12em!important;
  overflow:visible!important;
  text-indent:0!important;
}
html[data-page="moz-fake-extensions"] .article-meta-strip{justify-content:flex-start!important}
html[data-page="moz-fake-extensions"] .read-more{text-align:left!important;margin-top:16px!important}
html[data-page="moz-fake-extensions"] .read-more .btn-pulse{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#b2f1d8!important;
  border:1px solid #d8ffed!important;
  color:#06251a!important;
  -webkit-text-fill-color:#06251a!important;
  box-shadow:0 8px 24px rgba(78,220,160,.22)!important;
}
html[data-page="moz-fake-extensions"] .tags{margin-block:32px!important}
html[data-page="moz-fake-extensions"] main ~ section[style*="max-width"]{padding-block:0!important;margin-block:48px!important}

/* Keep the specialised incident ledger dense and calm at the bottom of Hack Wallet. */
html[data-page="hack-wallet"] .hw-explorer,
html[data-page="hack-wallet"] .hw-breakdown,
html[data-page="hack-wallet"] .hw-methodology{padding-block:72px!important}
html[data-page="hack-wallet"] .hw-explorer{margin-top:40px!important}

@media (prefers-reduced-motion:reduce){
  html[data-pd-article] .related-investigations > div > a{transition:none!important}
}