:root{--bg:#f6f4ee;--ink:#172033;--muted:#667085;--line:#d8d2c5;--panel:#fffdf7;--accent:#166534;--danger:#dc2626;--shadow:0 18px 50px rgba(23,32,51,0.16)}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr) 520px;height:100vh;min-height:720px;overflow:hidden}.mapArea{position:relative;min-width:0;background:#e7e1d6}.map{position:absolute;inset:0}.panel{z-index:5;display:flex;flex-direction:column;gap:16px;overflow:auto;border-left:1px solid var(--line);background:var(--panel);padding:22px;box-shadow:var(--shadow)}.panelHeader{display:grid;grid-gap:8px;gap:8px}.eyebrow{margin:0;color:#8a4b16;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.1;white-space:nowrap}h2{font-size:18px;line-height:1.2}.caveat,.mapScore,.panelHeader p:last-child,.summary{color:var(--muted);font-size:14px;line-height:1.45}.modeControl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;background:#f2eee5;padding:4px}.modeControl button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#475467;cursor:pointer;font-weight:700}.modeControl button:focus-visible,.modeControl button:hover{background:#fffaf0;outline:2px solid transparent}.modeControl .activeMode,.modeControl .activeMode:focus-visible,.modeControl .activeMode:hover{background:#172033;color:#ffffff}.selectedCard{border:1px solid var(--line);border-radius:8px;background:#fffdf7;display:grid;grid-gap:14px;gap:14px;padding:16px}.selectedTopline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.selectedTopline p{margin-top:4px;color:var(--muted);font-size:13px}.scoreBadge{display:grid;width:58px;min-width:58px;height:58px;place-items:center;border:2px solid rgba(23,32,51,.2);border-radius:50%;color:#0f172a;font-size:20px;font-weight:800}.caveat{border-left:3px solid #d97706;padding-left:10px}.scoreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.metric{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;border:1px solid #e8e2d7;border-radius:6px;padding:8px 10px;background:#fffaf0;color:inherit;cursor:pointer;font:inherit;text-align:left}.metric:focus-visible,.metric:hover{border-color:#cfc6b8;background:#ffffff;outline:2px solid transparent}.metricActive,.metricActive:focus-visible,.metricActive:hover{border-color:#172033;background:#edf7ed}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:14px}.settingsButton{position:absolute;top:18px;right:18px;z-index:6;min-height:38px;border:1px solid rgba(23,32,51,.18);border-radius:8px;background:rgba(255,253,247,.96);color:var(--ink);cursor:pointer;font-size:13px;font-weight:700;padding:0 14px;box-shadow:0 8px 24px rgba(23,32,51,.14)}.settingsButton:focus-visible,.settingsButton:hover{background:#ffffff;outline:2px solid transparent}.customNote{margin:0;border:1px solid #d9e8d9;border-radius:6px;background:#edf7ed;color:#166534;font-size:13px;line-height:1.4;padding:8px 10px}.compactNote{margin-top:4px}.overrideTag{margin-left:6px;color:#8a4b16;font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase}.metricOverridden{border-color:#d9c4a8;background:#fff7eb}.drawerOverlay{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:rgba(23,32,51,.42)}.settingsDrawer{display:flex;flex-direction:column;width:min(560px,100vw);max-height:100vh;overflow:hidden;border-left:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);outline:none}.drawerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px 22px 16px}.drawerHeader h2{margin-top:4px;font-size:22px}.drawerClose{min-height:36px;border:1px solid #cfc6b8;border-radius:6px;background:#ffffff;color:var(--ink);cursor:pointer;font-weight:700;padding:0 12px}.drawerTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;border-bottom:1px solid var(--line);padding:12px 22px}.drawerTabs button{min-height:38px;border:1px solid transparent;border-radius:6px;background:#f2eee5;color:#475467;cursor:pointer;font-weight:700}.drawerTabs .activeTab,.drawerTabs .activeTab:focus-visible,.drawerTabs .activeTab:hover{border-color:#172033;background:#172033;color:#ffffff}.drawerBody{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow:auto;padding:18px 22px 24px}.drawerSection{display:grid;grid-gap:12px;gap:12px}.drawerSection h3{margin:0;font-size:16px}.drawerHint{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.fieldLabel{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.controlList{display:grid;grid-gap:10px;gap:10px}.controlRow{display:grid;grid-gap:6px;gap:6px;color:var(--ink);font-size:13px}.controlRow>span{display:flex;align-items:center}.controlInputs{display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-gap:10px;gap:10px;align-items:center}.controlInputs input[type=range]{width:100%}.controlInputs input[type=number]{min-height:34px;border:1px solid #cfc6b8;border-radius:6px;background:#ffffff;color:var(--ink);padding:0 8px}.resetSection{border-top:1px solid var(--line);padding-top:18px}.resetActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.resetActions button{min-height:38px;border:1px solid #cfc6b8;border-radius:6px;background:#ffffff;color:var(--ink);cursor:pointer;font-weight:700}.resetActions .dangerAction{grid-column:1/-1;border-color:#f2c7c7;background:#fff5f5;color:var(--danger)}.rankingsSection{min-height:0}.rankHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px}select{min-height:36px;border:1px solid #cfc6b8;border-radius:6px;background:#ffffff;color:var(--ink);padding:0 8px}.tableWrap{height:min(360px,34vh);min-height:220px;overflow-y:auto;overscroll-behavior:contain}table{width:100%;border-collapse:collapse;font-size:13px}td,th{border-bottom:1px solid #ece5da;padding:10px 12px;text-align:left;vertical-align:middle}th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#fffdf7;color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase}tbody tr{cursor:pointer}.activeRow,tbody tr:hover{background:#edf7ed}.sourcesList{display:grid;grid-gap:8px;gap:8px}.sourcesList a{color:#175f8f;font-size:13px;line-height:1.35;text-decoration:none}.sourcesList a:hover{text-decoration:underline}.legend{position:absolute;left:18px;bottom:18px;width:min(320px,calc(100% - 36px));border:1px solid rgba(23,32,51,.18);border-radius:8px;background:rgba(255,253,247,.94);padding:12px;box-shadow:0 8px 24px rgba(23,32,51,.18)}.legendBar{height:12px;border-radius:999px;background:linear-gradient(90deg,#b91c1c,#f97316 40%,#facc15 65%,#84b020 80%,#16a34a)}.legendLabels{display:flex;justify-content:space-between;margin-top:8px;color:#475467;font-size:12px}.tooltip{position:absolute;z-index:10;display:grid;grid-gap:2px;gap:2px;max-width:220px;pointer-events:none;border:1px solid rgba(23,32,51,.18);border-radius:6px;background:rgba(255,253,247,.96);padding:8px 10px;box-shadow:0 8px 24px rgba(23,32,51,.18);font-size:13px}.tooltip span{color:var(--muted)}.maplibregl-ctrl-bottom-right{margin-bottom:96px}@media (max-width:980px){.shell{grid-template-columns:1fr;grid-template-rows:52vh minmax(0,1fr);height:auto;min-height:100vh;overflow:visible}.mapArea{min-height:420px}.panel{border-left:0;border-top:1px solid var(--line);box-shadow:none}h1{white-space:normal;font-size:28px}.settingsButton{top:12px;right:12px}}@media (max-width:560px){.panel{padding:14px}.scoreGrid{grid-template-columns:1fr}.rankHeader,.selectedTopline{align-items:stretch;flex-direction:column}.scoreBadge{width:52px;min-width:52px;height:52px}}