:root{--panel-color:#172656;--panel-text:#fff;--map-bg:#e9edf5;--top-height:56px;--side-width:280px}*{box-sizing:border-box}html,body{height:100%}body{grid-template-columns:var(--side-width) 1fr;grid-template-rows:var(--top-height) 1fr;grid-template-areas:"top top""side map";margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;display:grid;overflow:hidden}#site-header{background:var(--panel-color);color:var(--panel-text);grid-area:top;align-items:center;padding:0 1rem;display:flex}#site-header nav{gap:1rem;display:flex}#site-header a{color:inherit;text-decoration:none}#side-panel{background:var(--panel-color);color:var(--panel-text);grid-area:side;overflow-y:auto}#app{grid-area:map;min-width:0;min-height:0;position:relative}#map{background:var(--map-bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#view-toggle{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}#view-toggle button{border:2px solid var(--panel-color);width:36px;height:36px;color:var(--panel-color);font:inherit;cursor:pointer;background:#fff;border-radius:50%;padding:0;font-size:12px;font-weight:700}#view-toggle button[aria-pressed=true]{background:var(--panel-color);color:var(--panel-text)}#view-toggle button:focus-visible{outline-offset:2px;outline:3px solid #5b8def}