/* Editorial guides share the site's type, colors, cards, and footer. */
body.page-guide .page { max-width: 46rem; }
.page-guide h1 { margin: 0; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.12; letter-spacing: -0.035em; text-wrap: balance; }
.guide-breadcrumb { margin-bottom: 2.5rem; color: var(--text-muted); font-size: 0.875rem; }
.guide-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 0.4em 0.7em; padding: 0; margin: 0; list-style: none; }
.guide-breadcrumb li + li::before { content: "/"; margin-right: 0.7em; color: var(--text-muted); }
.guide-byline { color: var(--text-muted); font-size: 0.875rem; margin: 1.25rem 0 0; }
.guide-toc { margin: 2rem 0; padding: 1.25rem 1.5rem; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); font-size: 0.9375rem; }
.guide-toc p { margin: 0 0 0.5rem; }
.guide-toc ul { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; list-style: none; margin: 0; padding: 0; }
.guide-body { overflow-wrap: break-word; }
.guide-body p { margin: 0 0 1.25rem; }
.guide-body .guide-lead { font-size: 1.1875rem; line-height: 1.65; }
.guide-body section { margin-top: 3rem; scroll-margin-top: 1.5rem; }
.guide-body h2 { margin: 0 0 1rem; font-size: clamp(1.375rem, 4vw, 1.75rem); line-height: 1.25; letter-spacing: -0.02em; text-wrap: balance; }
.guide-body h3 { margin: 1.75rem 0 0.625rem; font-size: 1.0625rem; line-height: 1.4; }
.guide-body li { margin-bottom: 0.875rem; }
.guide-body ul, .guide-body ol { padding-left: 1.5rem; }
.guide-key { margin: 1.5rem 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.guide-key > div { padding: 1.25rem 1.5rem; }
.guide-key > div + div { border-top: 1px solid var(--line); }
.guide-key dt { font-weight: 600; margin-bottom: 0.375rem; }
.guide-key dd { margin: 0; color: var(--text-muted); font-size: 0.9375rem; }
.guide-figure { margin: 2rem 0; }
.guide-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 14px; background: #000; }
.guide-figure a { display: block; border-radius: 14px; }
.guide-figure figcaption { margin-top: 0.75rem; color: var(--text-muted); font-size: 0.875rem; line-height: 1.55; }
.guide-body .guide-note { border-left: 3px solid var(--line); padding: 0.5rem 0 0.5rem 1.25rem; color: var(--text-muted); font-size: 0.9375rem; }
.guide-body .feature h3 { margin: 0; font-size: 1rem; }
.guide-body .feature p { margin: 0.375rem 0 0; }
.guide-body .cta p { margin: 0; }
.guide-product-link { margin-top: 1.25rem !important; font-size: 0.9375rem; }
.skip-link { position: absolute; top: 0.5rem; left: 0.5rem; padding: 0.5rem 1rem; background: var(--surface); transform: translateY(-200%); z-index: 1; }
.skip-link:focus { transform: translateY(0); }