:root{--background:#090d0f;--panel:#111719;--border:#2a3639;--text:#f2f5f2;--muted:#a9b4b1;--green:#c7ff45;--blue:#49c8ff;--orange:#ffad3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top right,#1d302b 0,transparent 30%),linear-gradient(145deg,#070a0c,#0d1214);font-family:Arial,Helvetica,sans-serif}.guide-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.guide-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.guide-nav a,.text-link{color:var(--green);font-weight:800;text-decoration:none}.guide-nav a:hover,.text-link:hover{text-decoration:underline}.guide-hero,.guide-panel,.route-card,.spot-card,.quick-fact{border:1px solid var(--border);background:rgba(17,23,25,.96);box-shadow:0 18px 50px rgba(0,0,0,.22)}.guide-hero{padding:30px;border-radius:16px}.eyebrow{margin:0 0 9px;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.16em}.guide-hero h1{max-width:900px;margin:0 0 12px;font-size:clamp(2rem,5vw,3.55rem);line-height:1.04}.guide-hero>p:not(.eyebrow){max-width:850px;color:var(--muted);font-size:1.08rem;line-height:1.65}.guide-map{display:block;width:100%;height:auto;margin:22px 0 0;border:1px solid var(--border);border-radius:11px}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.quick-fact{padding:16px;border-radius:10px}.quick-fact span{display:block;margin-bottom:7px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quick-fact strong{font-size:1rem}.section-heading{margin:38px 0 14px}.section-heading h2{margin:0 0 6px;font-size:clamp(1.45rem,3vw,2rem)}.section-heading p{max-width:780px;margin:0;color:var(--muted);line-height:1.55}.spot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spot-card{padding:20px;border-radius:12px}.spot-card h3,.route-card h3,.guide-panel h2{margin:0 0 9px}.spot-card p,.route-card p,.guide-panel p,.route-steps li{color:var(--muted);line-height:1.55}.risk{display:inline-block;margin-bottom:11px;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.risk.low{color:#bdf5d3;background:#143224}.risk.medium{color:#ffe393;background:#362d12}.risk.high{color:#ffb2ac;background:#3b1b1b}.route-meta{margin:0 0 13px;color:var(--green)!important;font-size:.82rem;font-weight:800;text-transform:uppercase}.route-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.route-card,.guide-panel{padding:23px;border-radius:12px}.route-steps{margin:0;padding-left:21px}.route-steps li+li{margin-top:8px}.tip-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.tip-list li{padding:13px 14px;border-left:3px solid var(--green);background:#0b1012;color:var(--muted);line-height:1.5}.exit-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.exit-list li{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#0b1012}.standard li{border-left:4px solid var(--blue)}.hatch li{border-left:4px solid var(--orange)}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.guide-cta{display:inline-block;padding:15px 19px;color:#111;border-radius:8px;background:var(--green);font-weight:900;text-decoration:none}.guide-note{margin-top:20px;padding:16px 18px;border-left:4px solid var(--orange);background:rgba(255,173,61,.07);color:var(--muted);line-height:1.55}.guide-footer{margin:24px auto 0;padding:20px;color:var(--muted);font-size:.82rem;text-align:center}.level-heading{margin-top:22px}.level-map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.source-note{margin-top:28px;color:var(--muted);font-size:.82rem;line-height:1.5}.source-note a{color:var(--blue)}@media(max-width:900px){.quick-facts,.spot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.guide-shell{width:min(100% - 20px,1180px);padding-top:15px}.guide-hero,.guide-panel,.route-card,.spot-card{padding:19px}.quick-facts,.spot-grid,.route-grid,.guide-grid,.level-map-grid{grid-template-columns:1fr}.guide-nav{align-items:flex-start;flex-direction:column}.guide-cta{width:100%;text-align:center}.guide-hero h1{font-size:2.15rem}.guide-hero>p:not(.eyebrow){font-size:1rem}}
