/* ==========================================================================
   Insight detail page
   Built on the same tokens as the rest of the site; no mockup exists for it.
   ========================================================================== */

.hero--article{min-height:380px}
/* Article images are card-sized, so the hero softens whatever it is given
   rather than showing an upscaled source sharply. */
.hero--article .hero__media{filter:blur(3px) saturate(1.05);transform:scale(1.06)}
.hero--article .hero__scrim{
  background:linear-gradient(90deg,var(--navy-900) 0 26%,rgba(1,26,45,.85) 50%,rgba(1,26,45,.42) 82%);
}
.hero--article .hero__inner{padding:40px 0 44px}
.hero--article .hero__copy{max-width:720px}
.hero--article .hero__copy h1{font-size:44px;letter-spacing:-.03em}
.hero--article .hero__copy p{max-width:620px;font-size:16px}

.article-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px}
.article-meta div{display:flex;align-items:center;gap:9px;font-size:12.5px;color:rgba(255,255,255,.72)}
.article-meta svg{width:16px;height:16px;color:var(--orange-bright);flex:none}

/* ------------------------------------------------------------- Body --- */
.article{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,.75fr);gap:56px;align-items:start}

.article__body{max-width:760px;font-size:15.5px;line-height:1.78;color:var(--body)}
.article__body>*+*{margin-top:20px}
.article__body h2{font-size:26px;margin-top:40px}
.article__body h3{font-size:19px;margin-top:32px}
.article__body h2+*,.article__body h3+*{margin-top:12px}
.article__body a:not(.btn):not(.link-more){color:var(--orange);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.article__body ul,.article__body ol{padding-inline-start:20px;list-style:disc}
.article__body ol{list-style:decimal}
.article__body li{margin-top:7px}
.article__body li::marker{color:var(--orange)}
.article__body blockquote{
  margin:28px 0;padding:20px 26px;background:var(--bg-card);
  border-inline-start:3px solid var(--orange);font-size:16.5px;color:var(--ink);
}
.article__body img{border-radius:var(--radius);margin-block:28px}
.article__body strong{color:var(--ink)}

/* ------------------------------------------------------------ Aside --- */
.article__aside{position:sticky;top:96px}
.article__more li+li{border-top:1px solid var(--line-soft)}
.article__more a{display:block;padding:12px 0}
.article__more time{display:block;font-size:11px;color:var(--body-soft);margin-bottom:4px}
.article__more span{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.35}
.article__more a:hover span{color:var(--orange)}

@media (max-width:900px){
  .article{grid-template-columns:1fr;gap:40px}
  .article__aside{position:static}
  .hero--article .hero__copy h1{font-size:32px}
}