.guide-intro{max-width:78ch}.guide-intro>p{font-size:17px;line-height:1.8}.guide-intro h2{margin-top:34px;font-size:28px}.guide-intro h3{font-size:20px}
.guide-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;border-block:1px solid var(--line);padding:12px 0;margin:24px 0}.guide-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.guide-jumps strong{width:100%;font-size:13px;color:var(--ink-3)}
.guide-next{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.guide-next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:20px 0}.guide-next-grid>a,.guide-next-grid>div{display:block;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}.guide-next-grid strong,.guide-next-grid span{display:block}.guide-next-grid span{color:var(--ink-2);font-size:14px;line-height:1.7;margin-top:10px}
.guide-voice{margin:30px 0;padding:24px;border-left:3px solid var(--accent);background:var(--sunk);border-radius:0 12px 12px 0}.guide-voice blockquote{font-family:Georgia,serif;font-size:21px;line-height:1.6;margin:14px 0}.guide-voice small{color:var(--ink-3);font-size:13px;line-height:1.6;display:block}
.guide-diagram{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:24px;margin:32px 0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.guide-diagram svg{width:100%;height:auto}.guide-diagram figcaption{font-size:16px;line-height:1.7}.guide-diagram small{color:var(--ink-3)}
.prose .byline{font-size:14px}.prose h2[id],.guide-intro h2[id],.steps li[id]{scroll-margin-top:130px}.reading-guide{max-width:820px}.reading-guide .steps li{line-height:1.8}.guide-next-grid a:focus-visible,.guide-jumps a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#compare-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:16px;align-items:end;margin:24px 0}#compare-form label{display:grid;gap:8px;min-width:0}#compare-form select{width:100%;min-width:0;max-width:100%;min-height:44px}#compare-form button{min-height:44px}
@media(max-width:680px){#compare-form{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.guide-diagram{grid-template-columns:minmax(0,1fr)}.guide-diagram svg{max-width:280px;margin:auto}.guide-voice{padding:18px}.guide-voice blockquote{font-size:19px}}
