html body.visual-guide .guide-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.1;max-width:760px}html body.visual-guide .guide-hero>p:not(.guide-kicker){font-size:1rem;max-width:650px;line-height:1.6}
.visual-guide .guide-quick{padding:20px;border:1px solid var(--site-border);border-radius:20px;background:var(--site-soft);color:var(--site-ink);margin:20px 0 28px}.visual-guide .guide-quick figure{margin:0 0 16px}.visual-guide .guide-quick svg{display:block;width:100%;max-width:520px;height:auto;margin:auto;color:var(--site-accent)}.visual-guide .guide-quick svg text{font:14px system-ui,sans-serif;fill:var(--site-ink)}.visual-guide .guide-quick figcaption{font-size:.78rem;text-align:center;color:var(--site-muted);margin-top:8px}.visual-guide .guide-quick h2{margin:12px 0;font-size:1.25rem}.visual-guide .guide-quick ul{padding-left:20px}.visual-guide .guide-quick li{margin:10px 0;line-height:1.5}.visual-guide .guide-essential{padding:14px;border-left:3px solid var(--site-accent);background:var(--site-surface);border-radius:8px;font-size:.9rem;line-height:1.6}
.visual-guide .guide-topic{border:1px solid var(--site-border);border-radius:14px;background:var(--site-surface);margin:10px 0;scroll-margin-top:85px}.visual-guide .guide-topic summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:14px 16px;font-weight:600;cursor:pointer;list-style:none;color:var(--site-ink);line-height:1.4}.visual-guide .guide-topic summary::-webkit-details-marker{display:none}.visual-guide .guide-topic summary>span:last-child{color:var(--site-accent);font-size:22px;flex-shrink:0}.visual-guide .guide-topic[open] summary>span:last-child{transform:rotate(45deg)}.visual-guide .guide-topic summary:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px;border-radius:12px}.visual-guide .guide-topic-body{padding:0 16px 16px}.visual-guide .guide-topic-body p,.visual-guide .guide-topic-body li{font-size:.95rem;line-height:1.7}.visual-guide .guide-reading-hint{color:var(--site-muted);font-size:.9rem}.visual-guide .guide-reading-title{font-size:1.3rem}
html body.visual-guide .guide-lead{font-size:1rem;line-height:1.6;margin:0 0 16px}
@media(max-width:600px){html body.visual-guide .guide-hero{padding-top:24px;padding-bottom:24px}html body.visual-guide .guide-article{padding:18px}.visual-guide .guide-quick{padding:15px}.visual-guide .guide-topic summary{font-size:.95rem}.visual-guide .guide-topic .guide-example{grid-template-columns:1fr}}
@media print{.visual-guide .guide-topic::details-content{content-visibility:visible}.visual-guide .guide-topic-body{display:block}}