.account-article{box-sizing:border-box;max-width:1120px;margin:auto;padding:36px 24px 100px;color:var(--ink);overflow-wrap:anywhere}
.account-article .article-crumb{font-size:14px;color:var(--muted);margin:0 0 32px}
.account-article .article-kicker{font:600 12px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.account-article h1{font:400 clamp(36px,5.2vw,66px)/1.08 var(--serif);letter-spacing:-.025em;max-width:920px;margin:18px 0 22px;color:var(--ink)}
.account-article .article-deck{max-width:740px;font-size:21px;line-height:1.65;color:var(--muted)}
.account-article .article-meta{font-size:14px;color:var(--muted)}
.account-article .article-layout{display:grid;grid-template-columns:190px minmax(0,760px);gap:40px;margin-top:42px}
.account-article .article-toc{position:sticky;top:115px;align-self:start;display:grid;gap:16px;padding-right:12px;font-size:14px;line-height:1.5}
.account-article article{min-width:0}
.account-article p,.account-article li{font-size:18px;line-height:1.8}
.account-article p{margin:0 0 22px}
.account-article h2{font:400 clamp(27px,3.3vw,38px)/1.2 var(--serif);margin:12px 0 24px;scroll-margin-top:120px;color:var(--ink)}
.account-article .article-section{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:24px;scroll-margin-top:115px}
.account-article a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}
.account-article a:hover{color:var(--gold)}
.account-article a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.account-article .article-intro{border-left:3px solid var(--gold);padding-left:23px;margin-bottom:38px}
.account-article .article-screenshot{margin:26px 0 12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.account-article .article-screenshot>a{display:block;background:#fff}
.account-article .article-screenshot img{width:100%;height:auto;display:block;background:#fff}
.account-article .article-screenshot figcaption{padding:16px 18px;font-size:14px;line-height:1.6;color:var(--muted)}
.account-article .article-screenshot figcaption a{display:inline-block;margin-top:8px;min-height:30px}
.account-article .article-note{padding:20px 24px;border:1px solid var(--gold-line-soft);border-radius:14px;background:var(--surface);margin:28px 0;color:var(--muted);font-size:15px;line-height:1.7}
.account-article .source-list{padding-left:22px}
.account-article .source-list li{font-size:15px;margin-bottom:18px;scroll-margin-top:115px}
.account-article .article-return{display:inline-block;margin-top:24px;min-height:44px}
@media(max-width:980px){.account-article .article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.account-article .article-toc{position:static;display:flex;flex-wrap:wrap;gap:12px 20px;padding:0 0 22px;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.account-article{padding:24px 18px calc(145px + env(safe-area-inset-bottom))}.account-article h1{font-size:clamp(33px,8.6vw,44px)}.account-article .article-deck{font-size:19px}.account-article p,.account-article li{font-size:17px}.account-article .article-section{padding:22px 18px;border-radius:16px}.account-article h2{font-size:28px}.account-article .article-intro{padding-left:16px}.account-article .article-layout{margin-top:28px}.account-article .article-note{padding:18px}.account-article .article-screenshot figcaption{padding:13px;font-size:13px}}
@media print{.account-article .article-toc,.site-header,.mobile-cta,.site-footer{display:none!important}.account-article{padding:0;max-width:none}.account-article .article-layout{display:block}.account-article .article-section{break-inside:avoid}.account-article .article-screenshot{max-width:600px}}
