main{max-width:900px;padding:18px 16px}h2{margin-bottom:8px;font-weight:500}.map-equation{text-align:center;font-size:17px;margin:12px 0 4px}.map-stage{position:relative;height:330px}.map-stage>svg{width:100%;height:100%;display:block;overflow:visible}.map-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-size:14px}.map-label.small{font-size:12px;color:var(--muted)}.map-label.heading{font-size:16px}.neutral{fill:none;stroke:var(--line);stroke-width:1.2}.guide{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 5;opacity:.6}.active-section{fill:none;stroke:var(--accent);stroke-width:2.5}.active-disc{fill:var(--accent);fill-opacity:.07;stroke:none}.handle{fill:var(--accent);stroke:var(--bg);stroke-width:3}.grab{fill:transparent;stroke:transparent;cursor:grab;touch-action:none;outline:none}.grab:active{cursor:grabbing}svg:has(.grab[data-handle=radius][data-input=keyboard]:focus) .handle-radius,svg:has(.grab[data-handle=time][data-input=keyboard]:focus) .handle-time{stroke:var(--fg);stroke-width:3}.map-values{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:17px;margin-top:0}.map-values>div{min-width:0}.map-help{text-align:center;font-size:12px;color:var(--muted);margin:12px 0}.caption{margin-top:12px}.metric-detail{font-size:13px;color:var(--muted);margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.metric-detail summary{cursor:pointer}.metric-detail .equations{text-align:center;font-size:14px;margin:12px 0;overflow-x:auto}.metric-detail p{line-height:1.6}.metric-detail .katex{font-size:1em}@media(max-width:520px){main{padding:14px 10px}.map-stage{height:280px}.map-label{font-size:13px}.map-label.heading{font-size:14px}.map-label.small{font-size:11px}.map-values{font-size:16px}h2 .katex{font-size:14px}.map-equation{font-size:16px}}
