.guide{max-width:800px;padding-top:72px;padding-bottom:80px}
.guide h1{font-size:clamp(34px,5.5vw,60px);line-height:1.2;overflow-wrap:anywhere}
.guide h2{font-size:clamp(24px,4vw,32px);line-height:1.4;margin:42px 0 14px}
.guide h3{font-size:21px;line-height:1.5;margin:28px 0 8px}
.guide p,.guide li{color:var(--muted);line-height:1.85}
.guide .guide-lead{font-size:19px;color:var(--ink)}
.guide a:not(.button){color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.guide .button{color:#fff}
.guide .updated{font-size:14px;margin:20px 0}
.guide-note,.guide-toc,.guide-cta{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}
.guide-note h2,.guide-cta h2{margin-top:0}
.guide-toc ol{padding-left:24px}
.guide-toc li{margin-bottom:8px}
.guide-step{scroll-margin-top:96px}
.guide figure{margin:28px 0}
.guide figure img{display:block;width:min(100%,300px);height:auto;margin:auto;border-radius:20px;box-shadow:0 16px 36px #24201c18}
.guide figcaption{margin-top:14px;text-align:center;font-size:14px;color:var(--muted)}
.guide pre{overflow-x:auto;padding:18px;border-radius:12px;background:#fff;font-size:14px;line-height:1.6}
.guide code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}

.caption-guide{padding-top:72px;scroll-margin-top:96px}
.caption-guide h2{font-size:clamp(28px,4vw,44px);line-height:1.4;max-width:750px}
.caption-guide p:not(.kicker){color:var(--muted);line-height:1.8}
.guide-links{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}
.guide-links li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px 32px;padding:24px 0;border-bottom:1px solid var(--line)}
.guide-links h3,.guide-links p{margin:0}
.guide-links h3{font-size:22px;line-height:1.5}
.guide-links a{color:var(--ink);text-underline-offset:5px}
.guide-links a span{font-size:16px}
.guide-links a:focus-visible,.related-guides a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.related-guides{border-top:1px solid var(--line);margin-top:40px}
.related-guides ul{padding-left:22px}
.related-guides li{margin:12px 0}
@media(max-width:760px){.guide-links li{grid-template-columns:1fr;gap:8px}.guide-links h3{font-size:20px}}
@media(max-width:560px){.guide{padding-top:42px}.guide-note,.guide-toc,.guide-cta{padding:18px}.guide .button{font-size:14px}.site-header{gap:12px}.site-header .button-small{font-size:12px;padding:10px 12px}}
@media(max-width:560px){html[lang="zh-Hant"] .guide h1{font-size:28px}html[lang="zh-Hant"] .guide h1 em{font-size:26px}}