/* Static image guides; shared base and marketing page tokens. */
.guide-main { padding-top: 24px; }
.breadcrumbs { color: var(--muted); font-size: .88rem; margin-bottom: 24px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px 10px; list-style: none; margin: 0; padding: 0; }
.breadcrumbs li { min-width: 0; overflow-wrap: anywhere; }
.breadcrumbs li + li::before { content: "/"; margin-right: 10px; color: var(--muted); }
.guide-article { max-width: 76ch; margin-inline: auto; }
.guide-head { padding: 16px 0 28px; }
.guide-head h1 { max-width: 24ch; text-wrap: balance; }
.guide-deck { max-width: 58ch; font-size: 1.15rem; color: var(--muted); }
.guide-byline { color: var(--muted); font-size: .88rem; margin: 20px 0 0; }
.guide-prose { max-width: none; overflow-wrap: anywhere; }
.guide-answer { background: var(--accent-soft); border: 1px solid #f0d28a; border-radius: var(--radius); padding: 22px; margin-bottom: 28px; }
.guide-answer h2 { margin: 0 0 .5em; font: 700 .84rem var(--font); text-transform: uppercase; letter-spacing: .08em; }
.guide-answer p { margin: 0; }
.guide-steps { padding-left: 1.5em; }
.guide-steps li { padding-left: .25em; margin-bottom: 1.1em; }
.guide-prose strong { font-weight: 650; }
.guide-cta { border-top: 1px solid var(--border); padding-top: 24px; }
.guide-cta p { color: var(--muted); }
.guide-related { margin-top: 56px; }
.guide-card h2 { font-family: var(--font); font-size: 1.2rem; }
.guide-index-grid { margin-top: 6px; }
.guide-index-note { margin-top: 40px; }
html[lang="zh-Hans"] .guide-head h1 { max-width: 20em; }
html[lang="zh-Hans"] .guide-deck { max-width: 36em; }
@media (max-width: 520px) {
 .guide-main { padding-top: 18px; }
 .site-header .container { padding-block: 10px; gap: 6px; }
 .site-header nav { width: 100%; gap: 2px; }
 .site-header nav a { padding: 8px; font-size: .9rem; }
 .guide-answer { padding: 18px; }
 .guide-head { padding-bottom: 20px; }
 .guide-head h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
 .guide-related { margin-top: 40px; }
 .guide-cta .btn { max-width: 100%; text-align: center; }
}