.viewport{position:relative;height:calc(100vh - 85px);min-height:620px;overflow:hidden;padding:0;cursor:grab}.viewport.is-panning{cursor:grabbing}.map{position:absolute;left:0;top:0;width:1760px;height:1000px;margin:0;transform-origin:0 0}.card{transition:left .35s ease,top .35s ease,height .25s ease,background-color .25s,color .25s}.card.is-dragging{transition:none;z-index:10;cursor:grabbing}.card:not(.hub){padding-top:48px}.card-toggle{position:absolute;right:14px;top:12px;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:var(--soft);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}.card.collapsed{width:280px;padding:18px 52px 18px 20px}.card.collapsed>:not(.eyebrow):not(h2):not(.card-toggle):not(.subtitle){display:none}.card.collapsed h2{margin-bottom:0}.canvas-controls{position:absolute;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--border);border-radius:99px;background:var(--card);box-shadow:var(--shadow)}.canvas-controls button{border:0;background:transparent;color:var(--ink);padding:9px 12px;border-radius:99px;cursor:pointer;font-weight:750}.canvas-controls button:hover{background:var(--soft)}.zoom-readout{min-width:52px;text-align:center;font-size:12px;color:var(--muted)}.legend{position:fixed;left:22px;bottom:22px;z-index:30}.footer{display:none}@media(max-width:900px){.viewport{height:calc(100vh - 73px);min-height:520px}.theme button{padding:8px 10px}.canvas-controls{right:12px;bottom:12px;max-width:calc(100% - 24px);overflow-x:auto}}