body{font-family:var(--sans);font-size:14px;line-height:1.6}main :is(button,select,input){font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:6px}main button{cursor:pointer;padding:8px 12px}main button:hover{background:var(--hover)}.map-intro{padding:30px 32px 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.map-intro h1{font:normal 40px/1.2 Georgia,serif;margin:4px 0 10px}.map-intro p{margin-bottom:0;color:var(--muted)}.map-count{color:var(--muted);font-size:12px;white-space:nowrap}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;min-height:640px;height:calc(100dvh - 270px);border-block:1px solid var(--line)}.explorer,.detail{padding:22px;overflow:auto;background:var(--card)}.explorer{border-right:1px solid var(--line)}.explorer label{display:block;font-size:11px;font-weight:600;margin:0 0 7px;color:var(--muted)}.explorer input[type=search],.explorer select{width:100%;padding:9px;background:var(--paper);font-size:12px;margin-bottom:18px}.graph-panel{position:relative;overflow:hidden;background:var(--paper);min-height:480px}.graph-heading{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;pointer-events:none}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.graph-controls{position:absolute;bottom:45px;left:20px;display:flex;gap:5px}.graph-controls button{background:var(--card)}.graph-help{position:absolute;bottom:12px;left:22px;font-size:10px;color:var(--muted);margin:0;pointer-events:none}.detail{border-left:1px solid var(--line)}.detail h2{font:normal 28px/1.2 Georgia,serif;margin:12px 0 16px}.detail h3{font:600 10px/1.4 var(--sans);letter-spacing:1px;text-transform:uppercase;margin:26px 0 10px;color:var(--muted)}.detail p{font-size:13px;color:var(--muted)}.topic-link{display:block;text-align:left;width:100%;margin:5px 0;padding:8px 10px;font-size:12px;background:transparent}.detail .topic-link{border-color:var(--line)}.legend{margin-top:26px}.legend button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:6px 0;text-align:left;font-size:11px}.swatch{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--dot)}.directory{margin-top:25px;border-top:1px solid var(--line);padding-top:15px;font-size:12px}.directory details{margin:9px 0 9px 8px}.directory ul{padding-left:20px}.directory p{font-size:11px;color:var(--muted);margin:8px 0}summary{cursor:pointer}.results{max-height:240px;overflow:auto}.results:empty{display:none}#results-status{font-size:11px;color:var(--muted);margin:0}.map-note{font-size:11px;color:var(--muted);padding:14px 32px;margin:0}.crumb{font-size:11px;color:var(--muted)}.selected-label{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:1px}@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(0,1fr) 300px}}@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(0,1fr);height:auto}.graph-panel{height:650px}.detail{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;max-height:330px}}@media(max-width:650px){.map-intro{padding:24px 18px;display:block}.map-intro h1{font-size:34px}.map-count{display:block;margin-top:16px}.workspace{display:flex;flex-direction:column}.explorer{border-right:0;border-bottom:1px solid var(--line);max-height:340px;padding:18px}.legend{display:none}.graph-panel{height:540px;flex:none}.detail{max-height:none;padding:22px}.map-note{padding:16px 18px}}