/* ============================================================
   /learn/<topic>/ — plain-English explainer articles.
   site.css supplies tokens, nav, buttons, footer.
   ============================================================ */
.article-lead{background:radial-gradient(120% 90% at 82% 0%,#1B2C3C 0%,var(--ink) 62%);color:var(--paper);padding:72px 0 52px;position:relative}
.article-lead::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,163,61,.5),transparent)}
.article-lead h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;letter-spacing:-.028em;margin-bottom:16px;max-width:20em}
.article-lead .lede{font-size:18px;color:var(--ice);max-width:42em;line-height:1.65}
.article{background:var(--bg);padding:52px 0 40px}
.article .wrap.narrow{max-width:760px}
.article h2{font-size:clamp(21px,2.8vw,27px);margin:38px 0 14px;color:var(--paper)}
.article h2:first-child{margin-top:0}
.article p{font-size:16.5px;color:var(--body-ink);line-height:1.7;margin-bottom:16px}
.article p b{color:var(--paper)}
.article a{color:var(--amber)}
.article ul{margin:0 0 16px 20px}
.article li{font-size:16.5px;color:var(--body-ink);line-height:1.7;margin-bottom:8px}
.article-check{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:12px;padding:22px 24px;margin:30px 0}
.article-check b{display:block;font-family:var(--display);font-weight:600;color:var(--paper);margin-bottom:6px}
.article-check p{margin-bottom:12px}
.article-check .btn{display:inline-block}
.article-faq{background:var(--bg);padding:8px 0 40px}
.article-faq .wrap.narrow{max-width:760px}
.article-faq h2{font-size:clamp(21px,2.8vw,26px);margin-bottom:16px}
.article-faq details{border-bottom:1px solid var(--line);padding:2px 0}
.article-faq summary{cursor:pointer;list-style:none;position:relative;padding:14px 34px 14px 0;font-family:var(--display);font-weight:600;font-size:16px;color:var(--paper)}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--amber);font-size:19px;font-weight:600}
.article-faq details[open] summary::after{content:"\2013"}
.article-faq summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.article-faq details p{font-size:15.5px;color:var(--body-ink);line-height:1.65;padding:0 0 16px;max-width:56em}
.article-next{background:var(--midnight);border-top:1px solid var(--line);padding:44px 0 52px}
.article-next .wrap.narrow{max-width:760px}
.article-next p{font-size:16px;color:var(--body-ink);line-height:1.65;margin-bottom:18px;max-width:44em}


/* article authorship and related content */
.article-byline{display:flex;align-items:center;gap:13px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);max-width:760px}
.byline-monogram{width:46px;height:46px;flex:none;border:1px solid var(--ice);border-radius:50%;display:grid;place-items:center;background:var(--surface);font-family:var(--display);font-size:15px;font-weight:800;color:var(--amber);text-decoration:none}
.article-byline p{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:baseline;font-family:var(--display);font-size:13px;color:var(--muted)}.article-byline p>span{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.article-byline a{color:var(--paper);font-weight:600}.article-byline small{display:block;flex-basis:100%;font-family:var(--serif);font-size:13px;color:var(--ice)}
.article-related{padding:54px 0}.article-related .wrap.narrow{max-width:860px}.article-related h2{font-size:28px;margin-bottom:24px}
.article-author{padding:48px 0;background:var(--bg)}.author-card{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.author-card .byline-monogram{width:62px;height:62px;font-size:19px}.author-card .eyebrow{margin-bottom:5px}.author-card h2{font-size:23px;margin-bottom:8px}.author-card p{font-size:15px;color:var(--body-ink);line-height:1.62;margin-bottom:8px}.author-card a{color:var(--amber);font-family:var(--display);font-size:14px;font-weight:600;text-underline-offset:4px}
.article-lead+.article{padding-top:44px}.breadcrumbs+.article-lead{margin-top:0}
@media(max-width:600px){.article-byline{align-items:flex-start}.author-card{grid-template-columns:1fr}.article-related .related-grid{grid-template-columns:1fr}}