.topic-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 22px; padding:12px 0 20px; border-bottom:1px solid var(--line); font-size:.95rem; }
.topic-nav a { text-decoration:none; }
.topic-nav a:hover { text-decoration:underline; }
.topic-nav a[aria-current="page"] { color:var(--text); font-weight:700; }
.skip-link { position:absolute; top:8px; left:16px; padding:8px 14px; background:var(--panel); z-index:10; transform:translateY(-200%); }
.skip-link:focus { transform:translateY(0); }
a:focus-visible, [tabindex]:focus-visible, summary:focus-visible { outline:3px solid var(--link); outline-offset:4px; }
.guide .wrap { max-width:1060px; }
.guide main { max-width:900px; margin:auto; }
.guide h1 { font-size:clamp(2rem,5vw,3rem); line-height:1.15; margin:28px 0 18px; }
.guide h2 { font-size:1.4rem; line-height:1.3; }
.guide h3 { font-size:1.1rem; }
.guide .intro { font-size:1.12rem; color:var(--muted); }
.guide .breadcrumb { font-size:.9rem; color:var(--muted); margin:24px 0; }
.guide figure { margin:24px 0; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--panel); }
.guide figure img { display:block; width:100%; height:auto; max-height:440px; }
.guide figcaption { padding:12px 18px; color:var(--muted); font-size:.9rem; }
.guide .guide-cta { padding:22px; border:1px solid var(--accent); border-radius:12px; margin-top:36px; background:var(--panel); }
.guide .guide-cta h2 { margin-top:0; }
.guide .guide-cta p:last-child { margin:0; }
.comparison-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:12px; margin:22px 0; }
.comparison { width:100%; min-width:700px; border-collapse:collapse; font-size:.94rem; }
.comparison caption { text-align:left; padding:16px; font-weight:600; background:var(--panel); }
.comparison th, .comparison td { padding:14px 16px; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.comparison thead th { background:var(--panel-2); }
.comparison tbody th { width:20%; }
.comparison td { color:var(--muted); }
.comparison tbody tr:nth-child(even) { background:var(--panel); }
.col h3 { margin:0 0 8px; }
@media (max-width:560px) { .topic-nav { gap:10px 16px; font-size:.9rem; } .guide .guide-cta { padding:16px; } .comparison { font-size:.9rem; } }