:root{color-scheme:dark;--ink:#080a0e;--paper:#eee9df;--muted:#b9b5b4;--gold:#d5b572;--line:#81735f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 48% 28%,#23252b,#0d0e13 58%,#08090d);color:var(--paper);font-family:Inter,system-ui,sans-serif}button{font:inherit}a{color:var(--gold)}.wrap{max-width:1450px;margin:auto;padding:24px clamp(16px,3vw,48px) 48px}.eyebrow{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;font-size:.7rem;font-weight:600}h1,h2{font-family:Cinzel,Georgia,serif;font-weight:500}h1{font-size:clamp(2rem,5vw,4rem);margin:.25em 0}.intro{max-width:72ch;line-height:1.65;color:#d0cbd0}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.75fr);gap:20px;margin-top:26px}.frame,.panel{border:1px solid #6a6259;background:linear-gradient(135deg,#1a1c23eb,#101218f2);box-shadow:0 24px 70px #0008}.frame{position:relative;padding:12px;overflow:hidden}.frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 52px,#ffffff04 53px 54px)}svg{width:100%;height:auto;display:block}.region{cursor:pointer;stroke:#c2ac84;stroke-width:2;fill-opacity:.88;transition:fill-opacity .2s,stroke-width .2s;outline:none}.region:hover,.region:focus,.region.active{fill-opacity:1;stroke:#f6dda1;stroke-width:3}.region:focus-visible{stroke:#fff}.map-label{fill:#f5eee2;font:600 17px Inter,sans-serif;letter-spacing:2px;pointer-events:none;text-anchor:middle;text-shadow:0 2px 5px #000}.small-label{fill:#d5cbbb;font:11px Inter,sans-serif;pointer-events:none;text-anchor:middle}.routes{stroke:#e6c887;stroke-width:2.2;stroke-dasharray:5 6;fill:none;opacity:.72;pointer-events:none}.ridge{fill:none;stroke:#dddbd2;stroke-width:2;opacity:.18;pointer-events:none}.panel{padding:26px;min-height:420px}.panel h2{font-size:1.6rem;line-height:1.25;margin:.5em 0}.panel p{line-height:1.65;color:#d2cdd0}.tag{display:inline-block;border:1px solid #9c8253;color:#e8c987;padding:6px 10px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.fact{border-top:1px solid #5d554d;margin-top:20px;padding-top:14px}.fact strong{color:#ead6ac}.keys{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;color:#ccc5bc;font-size:.8rem}.key{display:flex;align-items:center;gap:7px}.sw{width:18px;height:10px;background:#a99574;border:1px solid #e8ce91}.dash{width:22px;border-top:2px dashed #e6c887}.foot{color:#aaa5a5;font-size:.85rem;line-height:1.6;margin-top:24px;max-width:105ch}.zone-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.zone-list button{border:1px solid #635b55;background:#1d1e24;color:#eae3d7;padding:11px;text-align:left;cursor:pointer;min-height:52px}.zone-list button:hover,.zone-list button:focus-visible,.zone-list button.active{border-color:#e1c180;background:#34302b;outline:none}.zone-list small{display:block;color:#b8ac9b;margin-top:3px}@media(max-width:900px){.layout{grid-template-columns:1fr}.panel{min-height:0}.zone-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wrap{padding:16px}.frame{padding:0}.map-label{font-size:17px}.small-label{font-size:10px}.zone-list{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.region{transition:none}}

.map-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative;z-index:1;padding:8px 6px 14px;color:#d8cebb;font-size:.8rem}
.map-controls button{border:1px solid #867254;background:#22232a;color:#ebd4a0;padding:10px 14px;cursor:pointer;min-height:44px}
.map-controls label{display:flex;gap:8px;align-items:center;min-height:44px}
button:focus-visible,input:focus-visible{outline:2px solid #efd493;outline-offset:3px}
#map [hidden]{display:none}.suture-name{font:500 19px Inter,system-ui,sans-serif;fill:#dfd1ae;letter-spacing:1px}.suture-note{font:13px Inter,system-ui,sans-serif;fill:#aaa2af}.leader{fill:none;stroke:#b29c71;stroke-width:1.5}.suture-dot{fill:#efd493}.zone-code{font:600 22px Inter,system-ui,sans-serif;fill:#f4e9d0;text-anchor:middle;paint-order:stroke;stroke:#1c1e24;stroke-width:3;stroke-linejoin:round;pointer-events:none}
#map.outline-only #zones,#map.outline-only #zoneLabels{display:none}#map.outline-only #outerFill{fill:#514b59}
#map.outline-only .suture-note{display:none}.frame{align-self:start} .panel{align-self:start}
@media(max-width:520px){.map-controls{padding:10px}.suture-name{font-size:22px}.suture-note{font-size:16px}.zone-code{font-size:24px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dk-atlas{margin:30px 0 65px}.dk-atlas .layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.dk-zone-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.dk-zone-index a{padding:14px;border:1px solid #514a49;text-decoration:none;font-size:13px}.dk-zone-index a.active{border-color:#d7b77c;background:#2d2928}.dk-zone-index small{display:block;color:#a8a1a6;margin-top:5px}.dk-record h3{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d6bc89;margin-top:22px}.dk-record p{font-size:14px;margin-top:10px}.dk-record ul{font-size:13px;padding-left:20px;color:#d2cdd0}.dk-record li{margin:5px 0}.dk-record .nv-button{margin-top:20px}.dk-map-note{font-size:12px;color:#a8a1a6;margin-top:15px;line-height:1.65}.dk-atlas .frame{padding:0}.dk-atlas .map-controls{padding:14px}.dk-atlas #map{max-height:680px}body:not(.dk-ready) #map,body:not(.dk-ready) .map-controls{display:none}.dk-record[hidden]{display:none!important}@media(max-width:1000px){.dk-atlas .layout{grid-template-columns:1fr}.dk-zone-index{grid-template-columns:repeat(2,minmax(0,1fr))}}