/* Scoped guide, no override of shared navigation or consent controls. */
.guide-page { color: #ede9dc; background: #0b1212; }
.guide-page .guide { max-width: 1120px; padding: 36px 24px 80px; margin: auto; font: 17px/1.65 system-ui,sans-serif; }
.guide *, .guide *::before, .guide *::after { box-sizing: border-box; }
.guide { --muted:#bac9c2; --gold:#e5c58a; --mint:#abebcc; }
.guide h1,.guide h2,.guide h3 { font-family: Georgia,serif; color: #f4efde; line-height: 1.17; text-transform: none; letter-spacing: -.025em; }
.guide h1 { font-size: clamp(2.3rem,5.8vw,4.5rem); max-width: 800px; margin: 16px 0; }
.guide h2 { font-size: clamp(1.65rem,3vw,2.3rem); margin: 0 0 22px; }
.guide h3 { font-size: 1.45rem; margin: 12px 0; }
.guide p { max-width: 82ch; margin: 12px 0; }
.guide a { color: var(--mint); text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.guide a:hover { color: white; }
.guide :focus-visible { outline: 3px solid #f5d493; outline-offset: 5px; }
.guide .kicker { color: var(--gold); font: 700 .75rem/1.7 system-ui,sans-serif; letter-spacing:.15em; text-transform: uppercase; }
.guide .lede { color: #d7e2db; font-size: 1.15rem; }
.guide .hero { padding: 24px 0 30px; border-bottom: 1px solid #385249; }
.guide .actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 24px 0; }
.guide .cta { display:inline-block; border-radius:7px; padding:12px 19px; font-weight:700; color:#10221b; background:var(--mint); text-decoration:none; }
.guide .cta:hover { color:#10221b; background:white; }
.guide .quick-nav { display:flex; flex-wrap:wrap; gap:10px 24px; padding:22px 0; font-size:.9rem; }
.guide section { margin: 48px 0; scroll-margin-top: 90px; }
.guide details[id], .guide pre[id] { scroll-margin-top: 90px; }
.guide details:target { border-color: var(--gold); }
.guide .choices,.guide .snapshots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.guide .choices article { min-width:0; padding:24px; border:1px solid #385249; background:linear-gradient(150deg,#192c25,#101b19); border-radius:12px; }
.guide .choices .classic { border-color:#857146; background:linear-gradient(150deg,#302719,#171a15); }
.guide .choices .warden { border-color:#6c668e; background:linear-gradient(150deg,#262539,#15191b); }
.guide .tag { color: var(--gold); font:700 .73rem/1.6 system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.guide .muted,.guide figcaption { color:var(--muted); font-size:.88rem; }
.guide .note { border-left:3px solid var(--gold); padding:14px 20px; background:#172521; border-radius:0 8px 8px 0; }
.guide details { border:1px solid #3a5148; border-radius:8px; padding:16px 20px; margin:18px 0; background:#111e1b; }
.guide summary { cursor:pointer; font-weight:700; color:#d9f4e5; min-height:32px; }
.guide summary::marker { color:var(--gold); }
.guide details[open] summary { margin-bottom:18px; }
.guide pre { white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; background:#09120f; color:#d9f2e4; padding:18px; border:1px solid #354b40; border-radius:6px; font: .88rem/1.65 ui-monospace,monospace; max-width:100%; margin:14px 0; }
.guide code { color:#f2d8a4; background:#15231e; font-size:.91em; overflow-wrap:anywhere; }
.guide pre code { background:none; color:inherit; }
.guide button { min-height:44px; border:1px solid #6a9982; background:#1e3a2e; color:#e1f7e9; padding:10px 17px; border-radius:6px; cursor:pointer; font:700 .9rem system-ui,sans-serif; }
.guide button:hover { background:#2c5140; }
.guide .feedback { position:sticky; bottom:12px; margin:0; background:#e4f3e8; color:#14271c; border-radius:8px; padding:14px 18px; box-shadow:0 6px 22px #0008; z-index:8; }
.guide .feedback:empty { display:none; }
.guide .snapshots { grid-template-columns:repeat(2,minmax(0,1fr)); }
.guide figure { margin:0; min-width:0; }
.guide figure img,.guide video { display:block; width:100%; height:auto; border-radius:8px; border:1px solid #435648; }
.guide figcaption { padding:10px 0; line-height:1.55; }
.guide .film { display:grid; grid-template-columns:1.35fr 1fr; gap:24px; align-items:start; padding:24px; background:#172620; border:1px solid #4c614d; border-radius:12px; }
.guide .film h3 { margin-top:0; }
.guide .film ul { padding-left:22px; }
.guide ol,.guide ul { padding-left:24px; }
.guide li { margin:10px 0; }
.guide .contract { margin-top:44px; }
.guide .contract h2 { font-size:1.45rem; margin-top:30px; }
.guide .contract h2:first-child { margin-top:0; }
@media(max-width:760px) {
  .guide-page .guide { padding:20px 17px 60px; font-size:16px; }
  .guide .choices,.guide .film { grid-template-columns:1fr; }
  .guide .snapshots { gap:12px; }
  .guide .choices article,.guide .film { padding:20px; }
  .guide details { padding:14px; }
  .guide .hero { padding-top:12px; }
}
@media(max-width:440px) { .guide .snapshots { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .guide * { scroll-behavior:auto; animation:none; transition:none; } }
@media print { .guide-page { background:white;color:#111; } .guide,.guide p,.guide h1,.guide h2,.guide h3,.guide a {color:#111;} .guide button,.guide .quick-nav,.guide video,.guide .feedback{display:none;} .guide section{break-inside:avoid;} }