.guide-hero h1 { margin-bottom: var(--space-4); font-size: var(--guide-title-size); line-height: var(--guide-title-leading); font-weight: var(--guide-title-weight); letter-spacing: var(--guide-title-tracking); text-transform: uppercase; }
.guide-hero p { max-width: var(--guide-reading-width); margin-inline: auto; color: var(--color-text-muted); font-size: var(--font-size-lg); }
.guide-section > h2, .guide-section-heading h2 { margin-bottom: var(--space-4); font-size: var(--guide-section-title-size); text-align: center; }
.guide-section-heading h2 { margin-bottom: 0; }
.guide-section-heading p { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.guide-breadcrumb { padding-block: var(--space-6); font-size: var(--font-size-sm); }
.guide-breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; }
.guide-breadcrumb li { display: inline-flex; align-items: baseline; gap: var(--space-2); }
.guide-breadcrumb li + li::before { content: "/"; color: var(--color-text-muted); }
.guide-breadcrumb a, .guide-back, .guide-related a, .guide-empty a, .guide-languages a { color: var(--color-primary); }
.guide-breadcrumb a, .guide-back, .guide-languages a { display: inline-flex; align-items: center; min-height: var(--control-min-height); }
.guide-back { margin-bottom: var(--space-4); font-size: var(--font-size-sm); }
.guide-article h1 { margin-block: var(--space-2) var(--space-4); font-size: var(--guide-article-title-size); line-height: var(--leading-tight); }
.guide-article-intro { margin-bottom: var(--space-4); color: var(--color-text-muted); font-size: var(--font-size-lg); }
.guide-updated { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.guide-article-section { margin-block: var(--space-10); scroll-margin-top: var(--guide-sticky-offset); }
.guide-article-section h2 { margin-bottom: var(--space-6); font-size: var(--font-size-xl); }
.guide-steps { padding-left: var(--space-6); }
.guide-steps li { padding-left: var(--space-2); margin-bottom: var(--space-5); line-height: var(--guide-reading-leading); }
.guide-steps li::marker { color: var(--color-primary); font-weight: 600; }
.guide-notice { scroll-margin-top: var(--guide-sticky-offset); }
.guide-notice p { line-height: var(--guide-reading-leading); }
.guide-related { padding: 0; list-style: none; }
.guide-related a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: var(--control-min-height); padding-block: var(--space-3); }
.guide-empty { padding-block: var(--space-8); }
.guide-empty h3 { margin-bottom: var(--space-4); font-size: var(--font-size-lg); }
.guide-note { margin-block: var(--space-4); color: var(--color-text-muted); }
.guide-languages { font-size: var(--font-size-sm); }
@media (prefers-reduced-motion: reduce) { .guide-body *, .guide-body *::before, .guide-body *::after { scroll-behavior: auto; animation: none; transition: none; } }

/* Read surfaces inherit the public home palette and chrome, with a calm text column. */
.guide-main[data-guide-kind="home"] { background-image: var(--guide-hero-glow); background-size: 100% var(--guide-hero-glow-height); background-repeat: no-repeat; }
.guide-title-accent { color: var(--color-primary); background-image: var(--guide-title-accent); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.guide-article { padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--guide-card-radius); background: var(--color-surface); box-shadow: var(--surface-shadow); }
.guide-faq { max-width: var(--guide-list-width); margin-inline: auto; }
.guide-body .btn { min-height: var(--control-min-height); }
@media (min-width: 768px) { .guide-article { padding: var(--space-8); } }
@media (forced-colors: active) { .guide-title-accent { background: none; -webkit-text-fill-color: currentColor; } }