.guide-page main { width:min(1040px,100%); }
.guide-page h1 { font-size:clamp(34px,6vw,62px); line-height:1.08; letter-spacing:-.05em; overflow-wrap:break-word; }
.guide-page header { margin-bottom:30px; }
.guide-page .lead { margin-bottom:16px; }
.guide-page .guide-meta { color:var(--muted); font-size:13px; line-height:1.7; margin-bottom:24px; }
.guide-page .card p,.guide-page .card li,.guide-page blockquote { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.75; }
.guide-page code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em; overflow-wrap:anywhere; }
.guide-page pre code { font-size:13px; overflow-wrap:normal; }
.guide-page pre { max-width:100%; }
.guide-page blockquote { margin:18px 0; padding:16px 20px; border-left:3px solid var(--accent); background:rgba(247,147,26,.06); overflow-wrap:anywhere; }
.guide-links { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0 0 22px; font-size:13px; line-height:1.6; }
.guide-links a { padding:6px 0; text-underline-offset:4px; }
.guide-links [aria-current="page"] { color:var(--text); }
.guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.guide-grid a { display:block; padding:20px; border:1px solid var(--line); border-radius:12px; text-decoration:none; }
.guide-grid a:hover { background:rgba(247,147,26,.07); }
.guide-grid strong,.guide-grid span { display:block; }
.guide-grid span { margin-top:10px; color:var(--muted); font:15px/1.7 system-ui,sans-serif; }
.table-scroll { max-width:100%; overflow-x:auto; }
.guide-page table { width:100%; border-collapse:collapse; font:15px/1.6 system-ui,sans-serif; text-align:left; }
.guide-page th,.guide-page td { padding:14px 10px; border-bottom:1px solid rgba(255,255,255,.12); vertical-align:top; }
.guide-page td { color:var(--muted); }
.guide-page nav { flex-wrap:wrap; margin-bottom:24px; }
.guide-page .brand { white-space:nowrap; }
.skip-link { position:absolute; left:20px; top:-100px; padding:12px; background:var(--bg); z-index:5; }
.skip-link:focus { top:12px; }
@media(max-width:640px) { .guide-page main { padding:22px 16px; } .guide-page .card { padding:20px 16px; } .guide-grid { grid-template-columns:1fr; } .guide-page th,.guide-page td { padding:10px 8px; } .guide-page nav .navlinks { width:100%; } }