.guide-shell { max-width:1000px; padding-top:40px; }
.guide-hero { padding-bottom:28px; }
.guide-hero h1 { font-size:clamp(24px,4vw,40px); line-height:1.4; }
.hero-summary { font-size:28px; margin:18px 0 12px; }
.hero-actions { margin:24px 0 18px; }
.manual-path { font:15px/1.6 Arial,sans-serif; margin-top:16px; }
.manual-path a { text-decoration:underline; text-underline-offset:4px; }
.quick-nav { display:flex; flex-wrap:wrap; gap:12px 24px; padding:24px 0; font:21px/1.3 'VT323',monospace; border-bottom:1px solid var(--card-border-strong); }
.quick-nav a { padding:5px 0; text-decoration:underline; text-underline-offset:5px; }
.guide-layout { display:block; padding-top:0; }
.guide-content { max-width:none; }
.guide-phase { padding-top:32px; scroll-margin-top:20px; }
.guide-phase + .guide-phase { margin-top:24px; }
.guide-content .phase-title { font-size:36px; margin-bottom:12px; }
.guide-content .phase-intro { font-size:16px; }
.quick-step { padding:32px 0; border-bottom:1px solid var(--card-border-strong); scroll-margin-top:20px; }
.quick-step h3 { font:28px/1.3 'VT323',monospace; color:white; margin:0 0 16px; }
.guide-content h2 { margin:0 0 18px; overflow-wrap:anywhere; }
.guide-content p { max-width:70ch; margin-bottom:16px; }
.guide-content .small-note,.guide-footnote { font-size:14px; line-height:1.65; }
.setup-figure { margin:24px 0; }
.setup-figure img { display:block; width:100%; height:auto; }
.setup-figure figcaption { margin-top:8px; font:13px/1.6 Arial,sans-serif; color:var(--fg-1); }
.agent-choice { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font-weight:bold; margin:24px 0 14px; }
.agent-choice select { background:var(--bg-1); color:white; border:1px solid var(--fg-2); border-radius:4px; padding:10px 36px 10px 12px; font:16px/1.4 Arial,sans-serif; min-height:44px; }
.agent-panel[hidden] { display:none; }
.success-note { font-size:15px; }
.setup-ready { margin-top:24px; font:24px/1.4 'VT323',monospace; }
.use-case { padding:22px 0; border-bottom:1px solid var(--card-border-strong); }
.use-case summary { cursor:pointer; font:28px/1.3 'VT323',monospace; color:white; }
.use-case[open] summary { margin-bottom:18px; }
.case-check { font-size:15px; line-height:1.65; }
.more-ways { margin-top:36px; }
.more-item { padding:18px 0; border-bottom:1px solid var(--card-border-strong); }
.more-item summary { cursor:pointer; font:25px/1.3 'VT323',monospace; color:white; }
.more-item[open] summary { margin-bottom:16px; }
.more-item p:last-child { margin-bottom:0; }
.review-checklist { border-top:0; margin-top:36px; }
.guide-footnote { margin-top:32px; }
@media(max-width:600px) { .guide-shell { padding-top:28px; } .hero-summary { font-size:25px; } .quick-nav { gap:8px 20px; font-size:20px; } .quick-step { padding:28px 0; } .guide-content h2 { font-size:29px; } .agent-choice { align-items:flex-start; flex-direction:column; } .agent-choice select { width:100%; } }
@media print { .quick-nav,.manual-path { display:none; } .guide-shell { max-width:none; padding:0; } .agent-choice select { color:black; background:white; } }