/* Keep the question and its existing answer close, before optional controls. */
.page-article .editorial-article-header{grid-template-columns:minmax(0,1fr) 150px;gap:32px;padding-bottom:22px;margin-bottom:22px}
.page-article .editorial-article-header>.category-cover{height:170px;min-height:170px;max-width:150px;padding:15px 18px}
.page-article .editorial-article-header .editorial-kicker{margin-bottom:12px}
.page-article .article-heading-copy>.card-meta{margin-bottom:0;gap:10px;font-size:11px}
.page-article .article-header h1{font-size:clamp(30px,3.1vw,42px);margin:12px 0 16px;line-height:1.5}
.page-article .article-context{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:11px;line-height:1.7}
.page-article .article-context a{display:inline-flex;align-items:center;min-height:32px}
.article-opening{background:#f1eee5;border:1px solid #ded8c9;border-top:3px solid var(--navy);border-radius:7px;padding:24px 26px;margin:0}
.article-opening>h2,.article-opening>.eyebrow{font-size:12px;font-weight:500;line-height:1.7;letter-spacing:.04em;color:var(--navy);margin:0 0 12px}
.article-opening-text{font-size:16px;line-height:1.95;overflow-wrap:anywhere}
.article-opening-text>h2{font-size:21px;line-height:1.6;font-weight:500;letter-spacing:-.4px;margin:0 0 14px}
.article-opening-text p{margin:14px 0}
.article-opening-text>:first-child{margin-top:0}
.article-opening-text>:last-child{margin-bottom:0}
.article-opening-text a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.article-opening-text code{font-size:.9em;background:#e5e0d4;padding:2px 5px;border-radius:4px}
.page-article .citation{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.8;padding:2px 0;margin-left:5px;text-decoration:none;border-bottom:1px dotted #8f8879;white-space:nowrap}
.page-article .citation>.icon{width:12px;height:12px}
.page-article .review-note{font-size:11px;line-height:1.9;padding:10px 12px;margin:14px 0 18px}
.page-article .article-tools{justify-content:flex-start;gap:10px 16px;margin:18px 0 12px}
.page-article .article-tools>.subtle{margin-right:auto}
.page-article .article-tools>.text-link{min-height:44px}
.page-article .mobile-toc{margin:16px 0 26px}
.page-article :is(#article-opening,#article-body,#article-learning,#article-completion,.source-card){scroll-margin-block-start:16px}
.article-learning{margin:32px 0}
.article-learning>.section-heading{align-items:center;gap:12px;margin-bottom:20px}
.article-learning>.section-heading>.text-link{min-height:44px;flex-shrink:0}
.page-article .article-learning>.quiz{margin:0 0 24px;padding:26px}
.article-learning #quiz-title{font-size:22px;line-height:1.7;font-weight:500;letter-spacing:-.4px;margin:10px 0 16px}
.page-article .article-learning .complete-panel{margin:20px 0 0;padding-top:22px}
.article-learning .article-next{margin:24px 0 0}
.source-card>.citation-return{min-height:44px;padding:8px 12px;margin:0 0 16px;border:1px solid var(--line);border-radius:5px;font-size:13px;color:var(--navy);background:#fff}
.citation-return:hover{background:var(--sage)}
.citation-return[hidden]{display:none}
.source-card:focus-visible{outline:3px solid #87611c;outline-offset:4px}
@media(max-width:760px){
 .page-article .editorial-article-header{display:block;padding-bottom:18px;margin-bottom:20px}
 .page-article .editorial-article-header>.category-cover{width:44px;height:60px;min-height:60px;padding:6px;right:0;top:0}
 .page-article .editorial-article-header .editorial-kicker{margin-bottom:10px}
 .page-article .article-header h1{font-size:28px;line-height:1.5;margin:12px 0 12px}
 .page-article .article-context{font-size:11px;gap:4px 12px}
 .article-opening{padding:19px 18px}
 .article-opening-text>h2{font-size:19px;line-height:1.7;margin-bottom:12px}
 .page-article .article-tools>.subtle{font-size:11px}
 .article-learning{margin:28px 0}
 .article-learning>.section-heading{align-items:flex-start;flex-wrap:wrap;gap:4px 12px}
 .article-learning>.section-heading>h2{padding-top:9px}
 .article-learning>.section-heading>.text-link{font-size:12px}
 .page-article .article-learning>.quiz{padding:22px 20px}
 .article-learning #quiz-title{font-size:20px;line-height:1.8}
 .source-card>.citation-return{font-size:12px}
}
@media(max-width:360px){.page-article .article-header h1{font-size:26px}.article-opening{padding:17px 16px}}