:root{--bg:#f6f4ef;--ink:#1a1c1a;--panel-strong:#fffffffa;--line:#1a1c1a1f;--accent:#0f5e9c}html,body{margin:0}body{color:var(--ink);background:radial-gradient(circle at top, #fff7e3, var(--bg));font:17px/1.45 Georgia,serif}.page{grid-template-rows:minmax(100vh,100dvh) auto;min-height:100dvh;display:grid}.map-stage{grid-template-columns:var(--sidebar-width,350px) minmax(0, 1fr);min-height:100dvh;display:grid;position:relative}#map{height:100dvh}.legend{z-index:10;background:var(--panel-strong);border-right:1px solid var(--line);padding:14px;position:relative;overflow:auto}.legend-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.legend h1{margin:0;font-size:20px}.legend h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px}.legend-collapse{border:1px solid var(--line);cursor:pointer;background:#0f5e9c0f;border-radius:999px;min-width:34px;min-height:34px}.hint{color:#1a1c1ab8;margin:8px 0 0;font-size:13px}.control-group{gap:8px;margin-top:14px;display:grid}.overlay-toggle-label{border:1px solid var(--line);background:#0f5e9c0d;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.layer-list{gap:8px;display:grid}.layer-toggle-label{border:1px solid var(--line);background:#0f5e9c0a;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:10px 12px;display:grid}.layer-toggle-label input{margin-top:2px}.layer-toggle-title{font-size:14px;font-weight:700;display:block}.layer-toggle-note{color:#1a1c1ab8;margin-top:2px;font-size:12px;display:block}.effect-label{background:#ffffffeb;border:1px solid #1a1c1a33;border-radius:10px;flex-direction:column;gap:1px;min-width:126px;padding:6px 8px;display:inline-flex;box-shadow:0 4px 10px #00000024}.effect-label-title{color:#111;font:700 12px/1.2 Avenir Next,Trebuchet MS,sans-serif}.effect-label-metric{color:#374151;font:700 11px/1.2 Avenir Next,Trebuchet MS,sans-serif}.hover-info-panel{z-index:600;color:#111;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border:1px solid #1a1c1a33;border-radius:10px;min-width:0;max-width:min(280px,100% - 32px);padding:7px 9px;font:600 12px/1.25 Avenir Next,Trebuchet MS,sans-serif;position:absolute;top:16px;right:16px;box-shadow:0 6px 16px #00000026}.hover-info-row+.hover-info-row{margin-top:2px}.insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.panel{background:var(--panel-strong);border-radius:16px;padding:14px 16px;box-shadow:0 10px 28px #00000014}.panel h2{margin:0 0 10px;font-size:18px}.panel p{margin:0}.simple-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.simple-table th,.simple-table td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}.simple-table th{text-transform:uppercase;letter-spacing:.03em;color:#1a1c1acc;font-size:12px}.stacked-bars{gap:6px;margin-top:10px;display:grid}.stacked-row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.stacked-label{color:#1a1c1acc;font:700 12px/1.2 Avenir Next,Trebuchet MS,sans-serif}.stacked-track{border:1px solid var(--line);background:#1a1c1a0a;border-radius:999px;height:14px;display:flex;overflow:hidden}.stacked-segment{height:100%}.stacked-legend{color:#1a1c1acc;margin-top:8px;font-size:12px}.map-stage.is-collapsed{--sidebar-width:76px}.map-stage.is-collapsed .legend h1,.map-stage.is-collapsed .legend h2,.map-stage.is-collapsed .legend .hint,.map-stage.is-collapsed .overlay-toggle-label span,.map-stage.is-collapsed .layer-toggle-title,.map-stage.is-collapsed .layer-toggle-note{display:none}.map-stage.is-collapsed .overlay-toggle-label,.map-stage.is-collapsed .layer-toggle-label{justify-content:center}@media (width<=980px){.map-stage{grid-template-rows:minmax(62vh,70dvh) auto;grid-template-columns:1fr}#map{height:62dvh}.legend{border-right:0;border-top:1px solid var(--line)}.hover-info-panel{max-width:calc(100% - 20px);top:10px;right:10px}.insights{grid-template-columns:1fr}}