/* Editorial extensions of the website/styles.css tokens. Homepage rules stay untouched. */
.guide-main { padding-block:30px 70px }
.breadcrumbs { justify-content:flex-start; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:12px }
.guide-heading { padding-block:42px 38px; border-bottom:1px solid var(--line) }
.guide-heading .eyebrow { margin-bottom:18px }
.guide-heading h1 { max-width:900px; font-size:clamp(34px,4.2vw,56px); line-height:1.12 }
.guide-reviewed { color:var(--muted); font-size:12px; margin-top:22px }
.guide-layout { display:grid; grid-template-columns:220px minmax(0,740px); gap:64px; padding-top:40px }
.guide-toc h2 { font-size:13px; letter-spacing:0; line-height:1.4 }
.guide-toc ol { margin:16px 0 0; padding-left:18px; color:var(--muted); font-size:12px }
.guide-toc li { padding:0 0 12px 4px }
.guide-toc a { text-decoration:none }
.guide-body { min-width:0; max-width:72ch }
.guide-lead { font-size:19px; line-height:1.7; max-width:68ch; margin-top:24px }
.guide-body > .guide-lead { margin-top:0 }
.guide-body section { margin-top:44px; scroll-margin-top:24px }
.guide-body h2 { font-size:28px; letter-spacing:-.035em; line-height:1.25; margin-bottom:20px }
.guide-body h3 { font-size:19px; line-height:1.4; margin:24px 0 12px }
.guide-body p { margin-top:16px }
.guide-body li { margin-bottom:12px }
.guide-body ul,.guide-body ol { padding-left:22px; margin:18px 0 }
.guide-body a { color:var(--accent) }
.guide-body pre { margin:24px 0; background:var(--panel); border:1px solid var(--line); padding:20px; white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.8 var(--mono) }
.guide-body pre code { font-size:inherit }
.guide-body dl dt { margin-top:22px; font-weight:650 }
.guide-body dl dd { color:var(--muted); margin-top:6px }
.table-scroll { overflow:auto; scrollbar-color:var(--muted) var(--panel); margin:24px 0; border-block:1px solid var(--line) }
.guide-body table { width:100%; border-collapse:collapse; font-size:13px; text-align:left }
.guide-body caption { padding:14px 10px; text-align:left; color:var(--muted) }
.guide-body th,.guide-body td { padding:14px 10px; vertical-align:top; border-top:1px solid var(--line) }
.guide-body th { font-weight:650 }
.guide-cta { border-top:1px solid var(--line); padding-top:34px }
.guide-body .guide-cta .button { margin-top:24px; color:var(--white) }
.guide-privacy { font-size:12px; color:var(--muted) }
.guide-related { border-top:1px solid var(--line); padding-top:30px }
.guide-related li { font-size:14px }
.guide-index { padding:0; margin:0; list-style:none; max-width:840px }
.guide-index li { padding:32px 0; border-bottom:1px solid var(--line) }
.guide-index h2 { font-size:25px; line-height:1.3 }
.guide-index h2 a { color:var(--accent); text-decoration:none }
.guide-index p { margin-top:12px; color:var(--muted); max-width:68ch }
.guide-page a { cursor:pointer }
.guide-page a:active { text-decoration:underline }
@media(max-width:900px) { .guide-layout { grid-template-columns:180px minmax(0,1fr); gap:32px } }
@media(max-width:650px) {
 .guide-layout { display:block; padding-top:28px }
 .guide-toc { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:28px }
 .guide-toc ol { columns:1; font-size:13px }
 .guide-toc a { display:inline-block; padding-block:3px }
 .guide-heading { padding-block:28px }
 .guide-lead { font-size:17px }
 .guide-body h2 { font-size:25px }
 .guide-page nav a.guide-nav,.guide-page .breadcrumbs a { display:inline-block }
 .guide-page .site-header nav { gap:16px }
 .guide-page .site-header nav a[href="/"] { display:none }
 .guide-body table { min-width:500px }
 .guide-main { padding-bottom:46px }
}
@media(forced-colors:active) { .table-scroll { scrollbar-color:auto } }