*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#253447;font:14px/1.5 system-ui,-apple-system,sans-serif}header,main{max-width:1920px;margin:auto;padding:24px 36px}header{padding-bottom:20px}nav{display:flex;gap:12px;font-size:12px;color:#8994a1}a{color:#42637c;text-underline-offset:3px}nav a{text-decoration:none}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font:10px/1.4 ui-monospace,monospace;letter-spacing:2px;margin:30px 0 8px;color:#6a7d8e}h1{font-size:clamp(28px,3.2vw,46px);letter-spacing:-1.7px;line-height:1.15;margin:0}h1 span{color:#66a798}.intro{color:#778493;margin:10px 0 0;font-size:15px}.count{display:flex;align-items:center;gap:15px;color:#778493;font-size:11px}.count strong{font:48px/1.2 ui-monospace,monospace;color:#b0bbc6}.toolbar,.tools,.zoom{display:flex;align-items:center;gap:20px}.toolbar{justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.tools{flex-wrap:wrap}.search{font-size:11px;color:#637184;display:flex;align-items:center;gap:12px}input[type=search]{width:200px;padding:9px 12px;background:white;border:1px solid #dbe1e7;border-radius:6px;font:inherit;font-size:13px}.toggle{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}input{accent-color:#42637c}.zoom{gap:8px}button{font:inherit;border:1px solid #dbe1e7;border-radius:5px;background:white;color:inherit;padding:6px 10px;cursor:pointer}button:hover{background:#ecf1f5}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #42637c;outline-offset:3px}.zoom output{min-width:42px;text-align:center;font:11px ui-monospace,monospace}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px;align-items:start}.map-panel{min-width:0;background:#fff;border:1px solid #dce3e8;border-radius:10px;overflow:hidden}.map-key{display:flex;flex-wrap:wrap;gap:18px;padding:13px 18px;font-size:10px;color:#7e8994;border-bottom:1px solid #edf0f3}.map-key span{display:flex;align-items:center;gap:7px}.line{width:25px;border-top:1px solid #8391a0;display:inline-block}.dashed{border-top-style:dashed}#viewport{overflow:auto;max-height:78vh;min-height:420px;background-image:radial-gradient(#dfe5ea .65px,transparent .65px);background-size:18px 18px;overscroll-behavior:contain}#map{display:block;max-width:none}.region path{fill-opacity:.075;stroke-width:1.3;stroke-dasharray:3 6}.region text{font:600 13px system-ui;letter-spacing:1px}.region .objects{font:11px ui-monospace,monospace;letter-spacing:0;opacity:.85}.edge{fill:none;stroke:#728393;stroke-width:1.25;opacity:.33}.edge.optional{stroke-dasharray:5 5}.edge.active{stroke:#365f80;stroke-width:2.4;opacity:.9}.edge.faded{opacity:.035}.node{cursor:pointer;outline:none}.node rect{fill:#fff;stroke:#d8dfe5;stroke-width:1.2;rx:9}.node .accent{stroke-width:3}.node .name{font:600 14px system-ui;fill:#293c4e}.node .sub{font:10px system-ui;fill:#7e8994}.node.selected rect,.node:focus-visible rect{stroke:#284f70;stroke-width:2.5;fill:#f2f7fc}.node.faded{opacity:.2}.node.match rect{stroke:#284f70;stroke-width:2}.node:hover rect{stroke:#56738a;fill:#f7fafc}aside{border:1px solid #dce3e8;border-radius:10px;background:white;padding:20px;position:sticky;top:16px;min-height:360px}aside .eyebrow{margin:0 0 10px}aside h2{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:10px 0}aside p{font-size:12px;color:#647386}aside h3{font:10px ui-monospace,monospace;letter-spacing:1.3px;text-transform:uppercase;margin-top:23px;color:#8994a1}.badge{font-size:10px;padding:3px 8px;border-radius:20px;display:inline-block;background:#f0f3f7}aside .related{display:flex;flex-wrap:wrap;gap:5px}aside .related button{font-size:11px;padding:4px 7px}aside .source{font-size:11px;display:block;margin-top:20px}.clear{font-size:11px;margin-top:20px}.layer-item{margin:15px 0;border-left:3px solid var(--color);padding-left:10px}.layer-item strong{display:block;font-size:12px}.layer-item small{font-size:10px;color:#8994a1}footer{max-width:1050px;color:#7c8895;font-size:11px;padding:16px 0}footer strong{color:#546575}summary{cursor:pointer;color:#42637c}.no-results{font-size:12px}main{padding-top:0}
@media(max-width:1000px){header,main{padding-left:18px;padding-right:18px}.workspace{grid-template-columns:minmax(0,1fr) 235px}.count{display:none}.tools{gap:10px}}
@media(max-width:700px){.workspace{grid-template-columns:1fr}aside{position:static;min-height:0}.toolbar{gap:12px}.search{width:100%;justify-content:space-between}.search input{flex:1}.tools{width:100%}#viewport{max-height:65vh}.map-key{gap:10px}.heading .eyebrow{margin-top:20px}header{padding-top:18px}.intro{font-size:13px}}
