/* Standalone Insights pages (insights/*.html). Loaded after site.css, which is a
   generated copy of index.html's <style> block. Hand-maintained: tokens only, no new
   colours or fonts outside the brand system. */

.insights-page{background:var(--dk)}
.insights-page main{display:block}

/* hero image under the fixed 100px nav */
.insights-hero-img{margin-top:100px;background:var(--dk)}
.insights-hero-img img{width:100%;height:auto;display:block;max-height:560px;object-fit:cover;object-position:top}

.insights-page .article-back{display:flex;width:fit-content}
.insights-series{display:block;font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p);margin:0 0 12px}
.insights-series:hover{color:#fff}
.insights-author{color:inherit;border-bottom:1px solid rgba(255,255,255,.2)}
.insights-author:hover{color:#fff}

/* body copy */
.article-body a{color:var(--pp);text-decoration:underline;text-decoration-color:rgba(136,156,231,.5);text-underline-offset:3px}
.article-body a:hover{color:var(--tx)}
.article-body ul,.article-body ol{padding-left:1.3em;margin:0 0 1.4em}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin-bottom:.6em;padding-left:.2em}
.article-body li::marker{color:var(--p)}
.article-body .refs{list-style:none;padding-left:0}
.article-body .refs li{padding-left:0}

.article-lede{font-size:20px;line-height:1.6;color:var(--tx);font-weight:500;border-left:3px solid var(--p);padding-left:20px;margin-bottom:1.8em !important}

/* numbered steps (replaces the newsletter's step graphic with readable text) */
.article-body ol.article-steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:14px}
.article-steps li{counter-increment:step;position:relative;background:var(--li);border:1px solid var(--bl);border-radius:14px;padding:18px 20px 18px 68px;margin:0}
.article-steps li::before{content:counter(step);position:absolute;left:18px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font-family:var(--fd);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}

/* "Did you know?" */
.article-callout{background:var(--pt);border:1px solid rgba(136,156,231,.25);border-radius:16px;padding:24px 28px;margin:2.2em 0}
.article-callout p{margin:0 !important}
.article-callout-label{font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pd);margin-bottom:8px}

/* "From this issue" */
.insights-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--bl)}
.insights-related h2{font-family:var(--fd);font-size:20px;font-weight:800;color:var(--tx);margin-bottom:14px}
.insights-related li{font-family:var(--fb);font-size:15px;line-height:1.6;color:rgba(26,26,46,.7);margin-bottom:10px}
.insights-related a{font-weight:600;color:var(--pp)}

/* subscribe */
.insights-subscribe{background:var(--dk3);border-radius:20px;padding:36px 40px;margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.insights-subscribe-copy{flex:1 1 260px}
.insights-subscribe h3{font-family:var(--fd);font-size:21px;font-weight:800;color:#fff;margin-bottom:6px}
.insights-subscribe p{font-family:var(--fb);font-size:14px;color:rgba(255,255,255,.55)}
.insights-subscribe .blog-sub-form{flex:1 1 320px;flex-wrap:nowrap;align-items:stretch}
.insights-subscribe .blog-sub-btn{white-space:nowrap}
.insights-subscribe .blog-sub-input{flex:1 1 200px;color:#fff}
.insights-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Context Matters hub */
.insights-hub-intro{font-family:var(--fb);font-size:18px;line-height:1.7;color:rgba(255,255,255,.6);max-width:620px}
.insights-hub-h2{font-family:var(--fd);font-size:22px;font-weight:800;color:var(--tx);margin-bottom:20px}
.insights-issues{display:grid;gap:16px}
.insights-issue{display:block;border:1px solid var(--bl);border-radius:16px;padding:22px 26px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.insights-issue:hover{border-color:rgba(136,156,231,.4);box-shadow:0 4px 24px rgba(136,156,231,.12);transform:translateY(-2px)}
.insights-issue-no{display:block;font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pd);margin-bottom:6px}
.insights-issue-title{display:block;font-family:var(--fd);font-size:20px;font-weight:800;line-height:1.3;color:var(--tx);margin-bottom:6px}
.insights-issue-text{display:block;font-family:var(--fb);font-size:15px;line-height:1.6;color:rgba(26,26,46,.6)}

@media(max-width:768px){
  .article-body h2{line-height:1.3}
  .article-lede{font-size:18px}
  .insights-subscribe{padding:28px 24px}
  .insights-subscribe .blog-sub-form{flex-direction:column;width:100%}
}