a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.guide-index,.guide-article{max-width:1170px;margin:auto;padding:70px 55px 80px}
.guide-intro{max-width:720px;margin-bottom:60px}
.overline{font-size:12px;color:var(--muted);margin:0 0 12px}
h2{font-weight:400}
.guide-intro>p:last-child{color:var(--muted);font-weight:300;font-size:18px}
.guide-row{display:grid;grid-template-columns:130px 1fr 32px;gap:25px;padding:30px 0;border-top:1px solid var(--line);align-items:start}
.guide-category{font-size:12px;color:var(--muted);padding-top:6px}
.guide-row h2{font-size:24px;line-height:1.3;letter-spacing:-.02em;margin:0 0 9px}
.guide-row p{font-size:14px;color:var(--muted);margin:0;max-width:620px}
.row-arrow{font-size:24px;transition:transform .2s}
.guide-row:hover .row-arrow{transform:translate(3px,-3px)}
.guide-row:hover h2{color:var(--accent)}
.guide-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}
.guide-cta h2{font-size:24px;font-weight:300}
.back-link{font-size:12px;border-bottom:1px solid var(--line)}
.article-title{max-width:850px;margin:35px 0 60px}
.article-title>p{max-width:680px;font-size:19px;font-weight:300;color:var(--muted)}
.article-title small{font-size:11px;color:var(--muted)}
.article-layout{display:grid;grid-template-columns:190px minmax(0,680px);gap:60px}
.article-toc{display:flex;flex-direction:column;gap:15px;font-size:12px;color:var(--muted);align-self:start;position:sticky;top:30px}
.article-toc a:hover{color:var(--ink)}
.article-body section{margin:0 0 45px}
.article-body h2{font-size:25px;line-height:1.3;letter-spacing:-.015em;margin:0 0 20px}
.article-body p{font-size:16px;font-weight:300;line-height:1.85;margin:0 0 18px}
.inline-source{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.guide-formula{font-size:16px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}
.takeaway{padding:25px 0;border-top:1px solid var(--ink);margin:40px 0}
.takeaway h2{font-size:15px}
.article-sources p,.article-sources li{font-size:12px;font-weight:300;color:var(--muted)}
.article-sources a{text-decoration:underline;text-underline-offset:3px}
.article-sources ul{padding-left:18px}
.article-sources li+li{margin-top:10px}
.related{margin-top:80px}
.related>h2{font-size:15px;margin-bottom:25px}@media(max-width:700px){
.guide-index,.guide-article{padding:45px 24px 55px}
.guide-intro{margin-bottom:40px}
.guide-row{grid-template-columns:1fr 22px;gap:8px 18px;padding:24px 0}
.guide-category{grid-column:1/-1}
.guide-row h2{font-size:21px}
.guide-row p{font-size:13px}
.guide-cta{display:block}
.article-layout{display:block}
.article-toc{position:static;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:35px;gap:10px}
.article-title{margin-bottom:35px}
.article-body p{font-size:15px}
.article-body h2{font-size:23px}
.article-title>p{font-size:17px}}@media(prefers-reduced-motion:reduce){
.row-arrow{transition:none}}
/* Editorial illustrations use the central icon set and palette. */
.guide-illustration{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-accent);background:var(--color-soft);border-radius:50%;margin-bottom:var(--space-4)}
.guide-illustration .ui-icon{width:32px;height:32px}
.guide-category{display:flex;flex-direction:column;align-items:start}
.guide-index,.guide-article{width:100%;max-width:var(--page-width);padding:var(--space-7) var(--page-gutter) var(--space-8)}
@media(max-width:760px){.guide-category{flex-direction:row;align-items:center;gap:var(--space-3)}.guide-illustration{width:40px;height:40px;margin:0}.guide-illustration .ui-icon{width:23px;height:23px}.guide-index,.guide-article{padding-top:var(--space-6)}}