/* 3.14.0: editorial SEO, article navigation and contextual conversion */
.article-hero { padding-bottom:58px; }
.article-hero__inner { max-width:1120px; }
.article-hero h1 { max-width:1040px; text-wrap:balance; }
.article-hero__lead { max-width:860px; margin:22px 0 0; color:rgba(244,246,247,.72); font-size:clamp(17px,1.8vw,21px); line-height:1.65; }
.article-meta { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:22px; color:rgba(244,246,247,.56); font-size:13px; }
.article-featured { margin-top:-28px; position:relative; z-index:2; }
.article-featured img { display:block; width:100%; max-height:600px; object-fit:cover; border-radius:24px; }
.article-content-section { background:#f5efe6; color:#19191b; }
.article-layout { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,820px); justify-content:center; gap:clamp(34px,5vw,76px); align-items:start; }
.article-sidebar { position:sticky; top:104px; display:grid; gap:18px; }
.article-toc,.article-help-card { border:1px solid rgba(20,20,22,.11); border-radius:18px; background:rgba(255,255,255,.78); box-shadow:0 15px 38px rgba(50,34,20,.06); }
.article-toc { padding:22px; }
.article-toc > strong { display:block; margin-bottom:13px; font-size:15px; }
.article-toc ol { display:grid; gap:9px; margin:0; padding:0; list-style:none; counter-reset:article-toc; }
.article-toc li { counter-increment:article-toc; display:grid; grid-template-columns:24px 1fr; gap:7px; align-items:start; }
.article-toc li::before { content:counter(article-toc, decimal-leading-zero); color:#9c6b2d; font-size:10px; font-weight:900; line-height:1.9; }
.article-toc a { color:#323136; font-size:13px; font-weight:750; line-height:1.35; text-decoration:none; }
.article-toc a:hover { color:#b4171d; }
.article-help-card { display:grid; gap:12px; padding:22px; background:#11151a; color:#fff; }
.article-help-card span { color:#d7aa60; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.article-help-card strong { line-height:1.4; }
.article-help-card .btn { width:100%; min-height:42px; padding:10px 12px; }
.article-intent { margin-bottom:36px; padding:clamp(24px,4vw,40px); border:1px solid rgba(20,20,22,.11); border-radius:24px; background:#fff; box-shadow:0 18px 48px rgba(48,33,20,.07); }
.article-intent h2 { margin:7px 0 14px; font-size:clamp(28px,3.5vw,42px); line-height:1.08; }
.article-intent__lead { margin:0; color:#4e4944; font-size:17px; line-height:1.68; }
.article-intent__steps { display:grid; gap:10px; margin-top:24px; }
.article-intent__steps div { display:grid; grid-template-columns:minmax(150px,.42fr) minmax(0,1fr); gap:18px; padding:15px 0; border-top:1px solid rgba(20,20,22,.1); }
.article-intent__steps strong { color:#1b1b1d; }
.article-intent__steps span { color:#625c56; line-height:1.55; }
.article-intent__practical { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.article-intent__practical > div { padding:20px; border:1px solid rgba(20,20,22,.10); border-radius:16px; background:#f8f4ed; }
.article-intent__practical strong { display:block; color:#1b1b1d; font-size:15px; }
.article-intent__practical ul { display:grid; gap:8px; margin:13px 0 0; padding-left:19px; }
.article-intent__practical li { color:#5d5650; font-size:14px; line-height:1.5; }
.article-intent__notice { margin:18px 0 0; padding-left:16px; border-left:3px solid #c58d3f; color:#6b5a46; font-size:13px; line-height:1.55; }
.article-prose { max-width:none; color:#2e2d30; font-size:17px; line-height:1.75; }
.article-prose h2 { margin-top:2.1em; scroll-margin-top:110px; color:#171719; font-size:clamp(27px,3.2vw,38px); line-height:1.16; }
.article-prose h3 { margin-top:1.75em; scroll-margin-top:110px; color:#222226; }
.article-prose p,.article-prose li { color:#454147; }
.article-prose a { color:#9b191e; font-weight:750; text-decoration-thickness:1px; text-underline-offset:3px; }
.article-editorial-note { margin-top:38px; padding:22px 24px; border-left:4px solid #bd873d; background:rgba(255,255,255,.66); }
.article-editorial-note strong { color:#1c1b1d; }
.article-editorial-note p { margin:8px 0 0; color:#665e56; font-size:14px; line-height:1.6; }
.article-editorial-note a { color:#8f171c; font-weight:800; text-underline-offset:3px; }
.article-context-cta { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,280px); gap:28px; align-items:center; margin-top:40px; padding:clamp(26px,4vw,42px); border-radius:24px; background:linear-gradient(125deg,#15191e,#080a0d); color:#fff; }
.article-context-cta h2 { margin:6px 0 12px; color:#fff; font-size:clamp(26px,3vw,38px); line-height:1.12; }
.article-context-cta p:not(.eyebrow) { margin:0; color:rgba(255,255,255,.66); line-height:1.6; }
.article-context-cta__actions { display:grid; gap:10px; }
.article-context-cta__actions .btn { width:100%; min-height:46px; }
.article-related-section { background:#0b0e12; color:#fff; }
.article-related-section h2 { color:#fff; }
.article-related-section .section-head > a { color:#e6bd75; }

@media (max-width:980px) {
    .article-layout { grid-template-columns:1fr; }
    .article-sidebar { position:static; grid-template-columns:minmax(0,1fr) minmax(250px,.65fr); order:2; }
    .article-main { order:1; }
}
@media (max-width:680px) {
    .article-hero { padding-bottom:42px; }
    .article-meta { display:grid; gap:7px; }
    .article-featured { margin-top:-18px; }
    .article-featured img { border-radius:16px; }
    .article-sidebar { grid-template-columns:1fr; }
    .article-intent__steps div { grid-template-columns:1fr; gap:5px; }
    .article-intent__practical { grid-template-columns:1fr; }
    .article-context-cta { grid-template-columns:1fr; }
}