.article-refresh .reading-hero { padding-bottom:26px; }
.article-refresh .reading-hero h1 { max-width:960px; font-size:clamp(34px,4.2vw,58px); letter-spacing:-.025em; }
.article-refresh .article-deck { max-width:72ch; font-size:20px; line-height:1.7; color:var(--ink); }
.article-refresh .article-label { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--brand); font-weight:600; }
.article-refresh .article-meta { display:flex; gap:12px; flex-wrap:wrap; font-size:14px; color:var(--muted); margin-top:24px; }
.article-meta a { color:inherit; }
.article-refresh .reading-layout { grid-template-columns:220px minmax(0,780px); gap:60px; justify-content:center; }
.article-refresh .reading-content { min-width:0; }
.article-refresh .reading-content h2 { font-size:31px; line-height:1.25; letter-spacing:-.015em; margin-bottom:20px; }
.article-refresh .reading-content h3 { font-size:23px; line-height:1.4; }
.article-refresh .reading-content p,.article-refresh .reading-content li { font-size:18px; line-height:1.85; }
.article-refresh .reading-content section { padding-bottom:36px; margin-bottom:36px; border-bottom:1px solid var(--line); }
.article-refresh .contents { position:sticky; top:25px; align-self:start; }
.article-refresh .contents a { display:block; min-height:44px; padding-block:9px; font-size:15px; line-height:1.5; }
.article-refresh .contents p { font-size:14px; }
.article-art { margin:0 0 38px; }
.article-art img { display:block; width:100%; height:auto; border-radius:4px; }
.article-art figcaption { font-size:14px; color:var(--muted); margin-top:12px; line-height:1.6; }
.article-refresh .article-takeaway { background:var(--soft); border-left:3px solid var(--brand); padding:24px 28px; margin:26px 0; }
.article-takeaway h3 { margin-top:0; }
.article-takeaway p:last-child { margin-bottom:0; }
.article-refresh .sample { padding:25px 28px; margin:24px 0; background:#f6f3ec; border-radius:4px; }
.sample .sample-label { font-size:12px!important; text-transform:uppercase; letter-spacing:.08em; color:var(--brand); margin:0 0 12px; font-weight:600; }
.sample blockquote { margin:0; font-family:Georgia,serif; font-size:25px; line-height:1.6; color:#34302d; }
.article-refresh .sample .sample-note { font-size:15px; margin-bottom:0; }
.article-refresh .article-compare { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding-block:22px; border-block:1px solid var(--line); margin-block:25px; }
.article-compare h3 { margin:0; }
.article-refresh .article-compare p { font-size:17px; }
.article-refresh .article-checklist { padding-left:24px; }
.article-checklist li { padding:5px 0 8px 7px; }
.article-refresh .source-note { font-size:14px!important; line-height:1.7!important; }
.article-refresh .article-faq summary { font-size:19px; line-height:1.5; padding:21px 35px 21px 0; }
.article-refresh .article-faq details p { padding-right:20px; }
.article-refresh .related-guides { background:var(--soft); padding:28px; }
.article-refresh .related-guides a { display:block; padding-block:12px; color:var(--brand); }
@media(max-width:900px){.article-refresh .reading-layout{grid-template-columns:1fr;gap:25px}.article-refresh .contents{position:static}.article-refresh .contents nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.article-refresh .contents>p{display:none}}
@media(max-width:600px){.article-refresh .reading-hero h1{font-size:36px}.article-refresh .article-deck{font-size:18px}.article-refresh .reading-content h2{font-size:28px}.article-refresh .reading-content p,.article-refresh .reading-content li{font-size:17px}.article-refresh .article-compare{grid-template-columns:1fr;gap:12px}.article-refresh .sample{padding:22px}.sample blockquote{font-size:23px}.article-refresh .article-takeaway{padding:20px}.article-refresh .contents nav{grid-template-columns:1fr}.article-refresh .reading-content section{padding-bottom:25px;margin-bottom:30px}}