:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--type-xs:12px;--type-sm:14px;--type-base:16px;--type-lg:20px;--type-xl:26px;--type-2xl:34px;--type-3xl:46px;--font-body:"Inter Tight",Inter,"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-data:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--canvas:#f5f6f7;--paper:#fff;--paper-subtle:#f0f2f3;--ink:#172126;--muted:#657179;--line:#d8dee2;--line-strong:#bcc6cc;--brand:#185f67;--brand-dark:#0f4148;--brand-soft:#d9ebed;--forest:var(--brand-dark);--mint:var(--brand-soft);--coral:var(--brand);--score-low:#b9d9d6;--score-mid:#4c9d9b;--score-high:#12666d;--confidence:#6b58a6;--confidence-soft:#ebe7f7;--warning:#9b6b25;--danger:#a94a43;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 1px 2px #1a2b310d,0 10px 28px #1a2b3112;--shadow-raised:0 2px 4px #1a2b310f,0 18px 42px #1a2b311c;--focus-ring:0 0 0 3px var(--canvas),0 0 0 6px #185f6773;--content:1240px;--gutter:clamp(16px,4vw,48px);--motion:.18s ease}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:var(--type-base);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}button,input{font:inherit;font-variant-numeric:tabular-nums}:where(a,button,input,summary):focus-visible{box-shadow:var(--focus-ring);outline:0}header,footer{align-items:center;gap:var(--space-6);max-width:var(--content);padding:var(--space-4) var(--gutter);justify-content:space-between;margin:auto;display:flex}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20;background:#f5f6f7e6;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);font-weight:800;text-decoration:none;display:flex}.brand span{background:var(--brand-dark);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-data);place-items:center;width:38px;height:38px;display:grid}nav{font-size:var(--type-sm);gap:var(--space-5);flex-wrap:wrap;display:flex}nav a{font-weight:650;text-decoration:none}nav a:hover{text-underline-offset:4px;text-decoration:underline}main{min-height:75vh}.wrap{width:min(var(--content),calc(100% - var(--gutter) - var(--gutter)));margin:auto}.eyebrow{color:var(--brand);font-size:var(--type-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800;line-height:1.35}h1,h2,h3{letter-spacing:-.018em;line-height:1.15}h1{font-size:clamp(var(--type-3xl),5vw,62px);margin:var(--space-3) 0 var(--space-5);max-width:14ch}h2{font-size:clamp(var(--type-xl),4vw,var(--type-3xl));margin:var(--space-2) 0 var(--space-5)}h3{font-size:var(--type-lg)}.lead{color:var(--muted);max-width:68ch;font-size:17px;line-height:1.65}.hero{align-items:center;gap:var(--space-8);padding:var(--space-9) 0;grid-template-columns:1.1fr .9fr;display:grid}.hero--instrument{padding:var(--space-8) 0 var(--space-7);display:block}.hero-heading{align-items:end;gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr minmax(300px,.6fr);display:grid}.hero-heading .lead{margin:0}.panel,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.panel{padding:var(--space-6)}.card{padding:var(--space-5);transition:transform var(--motion),box-shadow var(--motion),border-color var(--motion);text-decoration:none}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-raised);transform:translateY(-3px)}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.button{background:var(--brand-dark);border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:var(--space-3) var(--space-5);border:0;font-weight:750;text-decoration:none;display:inline-flex}.button.alt{background:var(--brand)}.pill{background:var(--brand-soft);font-size:var(--type-xs);padding:var(--space-1) var(--space-3);border-radius:999px;font-weight:750;display:inline-flex}.metric{border-bottom:1px solid var(--line);gap:var(--space-4);padding:var(--space-3) 0;justify-content:space-between;display:flex}.score{color:var(--brand-dark);font-family:var(--font-data);font-size:var(--type-2xl);font-weight:750}footer{border-top:1px solid var(--line);color:var(--muted);font-size:var(--type-sm);margin-top:var(--space-9);align-items:flex-start}label{font-weight:700}input[type=range]{accent-color:var(--brand);width:100%}@media (width<=760px){header{align-items:flex-start}nav{font-size:var(--type-xs);gap:var(--space-3)}.hero,.hero-heading{grid-template-columns:1fr}.hero{padding:var(--space-8) 0}h1{font-size:var(--type-3xl)}footer{display:block}.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.hero--instrument{padding-top:40px}.hero-heading{gap:var(--space-4);margin-bottom:var(--space-5)}h1{margin-bottom:var(--space-3);font-size:42px}.hero-heading .lead{font-size:var(--type-base);line-height:1.55}.hero-heading .button{margin-top:var(--space-3)}}.decision-instrument{align-items:start;gap:var(--space-5);grid-template-columns:320px minmax(0,1fr);display:grid}.weight-panel{position:sticky;top:90px}.weight-panel__header{align-items:flex-start;gap:var(--space-3);display:flex}.instrument-icon{background:var(--brand-soft);border-radius:var(--radius-sm);color:var(--brand-dark);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.weight-panel h2{font-size:var(--type-xl);margin:var(--space-1) 0}.weight-panel>p{color:var(--muted);font-size:var(--type-sm);margin:var(--space-4) 0}.weight-list{border-top:1px solid var(--line)}.weight-control{border-bottom:1px solid var(--line);gap:var(--space-2);padding:var(--space-3) 0;display:grid}.weight-control>span{align-items:baseline;gap:var(--space-3);justify-content:space-between;display:flex}.weight-control b{font-size:var(--type-sm)}.weight-control output{color:var(--brand);font-family:var(--font-data);font-size:var(--type-xs);font-weight:750}.weight-control input{cursor:pointer;margin:0}.reset-weights{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;font-size:var(--type-sm);margin-top:var(--space-5);background:0 0;width:100%;min-height:42px;font-weight:700}.reset-weights:hover{background:var(--paper-subtle)}.weight-note{align-items:flex-start;gap:var(--space-2);line-height:1.45;display:flex!important}.ranked-results{min-width:0}.results-header{align-items:end;gap:var(--space-5);justify-content:space-between;display:flex}.results-header h2{font-size:var(--type-2xl);margin:var(--space-1) 0}.results-note{color:var(--muted);font-size:var(--type-sm);margin:0 0 var(--space-5)}.ranking-status{background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:var(--type-xs);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);white-space:nowrap;border-radius:999px;font-weight:700;display:flex}.ranking-status>span{background:var(--score-high);border-radius:50%;width:7px;height:7px}.city-score-list{gap:var(--space-3);display:grid}.city-score-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);transition:border-color var(--motion),box-shadow var(--motion),transform var(--motion)}.city-score-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.city-main-link{align-items:center;gap:var(--space-3);grid-template-columns:34px 52px minmax(0,1fr) auto;text-decoration:none;display:grid}.rank-number{color:var(--muted);font-family:var(--font-data);font-size:var(--type-sm);font-weight:700}.map-thumb{background-color:var(--paper-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);color:#a4afb5;background-image:linear-gradient(#dbe1e4 1px,#0000 1px),linear-gradient(90deg,#dbe1e4 1px,#0000 1px);background-size:13px 13px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:hidden}.map-thumb>span{background:var(--brand);height:9px;left:var(--map-x);top:var(--map-y);z-index:1;border:2px solid #fff;border-radius:50%;width:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.city-identity{min-width:0}.city-identity small{color:var(--muted);font-size:var(--type-xs);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;display:block;overflow:hidden}.city-identity h3{font-size:var(--type-lg);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.city-score{align-items:baseline;gap:var(--space-1);display:flex}.city-score strong{font-family:var(--font-data);font-size:var(--type-2xl);letter-spacing:-.04em;line-height:1}.city-score span{color:var(--muted);font-size:var(--type-xs)}.score-track{height:7px;margin:var(--space-3) 0;background:#e3e8ea;border-radius:999px;overflow:hidden}.score-track>span{background:linear-gradient(90deg,var(--score-low),var(--score-mid) 55%,var(--score-high));height:100%;transition:width var(--motion);width:var(--score);display:block}.why-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.why-stat{background:var(--paper-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);gap:2px;display:grid}.why-stat>span{color:var(--muted);font-size:var(--type-xs);align-items:center;gap:var(--space-2);display:flex}.why-stat strong{font-family:var(--font-data);font-size:var(--type-sm)}.why-stat strong small{font-family:var(--font-body);font-size:10px;font-weight:600}.why-stat>a,.why-stat>small{color:var(--muted);font-size:10px}.source-dot{background:var(--confidence);border-radius:50%;width:7px;height:7px;display:inline-block}.source-dot--medium{background:var(--warning)}.source-dot--low,.source-dot--missing{background:var(--danger)}.card-meta{color:var(--muted);font-size:var(--type-xs);align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.card-meta>a{color:var(--brand-dark);align-items:center;gap:var(--space-1);margin-left:auto;font-weight:750;text-decoration:none;display:flex}.confidence-chip{background:var(--confidence-soft);color:var(--confidence);padding:3px var(--space-2);text-transform:capitalize;border-radius:999px;font-weight:750}.confidence-chip--medium{color:var(--warning);background:#f6ead7}.confidence-chip--low,.confidence-chip--missing{color:var(--danger);background:#f6dedc}@media (width<=900px){.decision-instrument{grid-template-columns:280px minmax(0,1fr)}.why-grid{grid-template-columns:1fr}.weight-panel{top:82px}}@media (width<=720px){.decision-instrument{grid-template-columns:1fr}.weight-panel{position:static}.weight-list{grid-template-columns:1fr 1fr;display:grid}.weight-control:nth-child(odd){padding-right:var(--space-3)}.weight-control:nth-child(2n){border-left:1px solid var(--line);padding-left:var(--space-3)}.results-header{align-items:flex-start;display:grid}.city-main-link{grid-template-columns:28px 44px minmax(0,1fr) auto}.map-thumb{width:44px;height:44px}.city-score strong{font-size:var(--type-xl)}}@media (width<=440px){.weight-list{grid-template-columns:1fr}.weight-control:nth-child(odd){padding-right:0}.weight-control:nth-child(2n){border-left:0;padding-left:0}.city-main-link{grid-template-columns:26px minmax(0,1fr) auto}.map-thumb{display:none}.why-grid{grid-template-columns:1fr 1fr}.city-score strong{font-size:var(--type-lg)}.city-score span{display:none}.card-meta{flex-wrap:wrap}.card-meta>a{margin-left:0}.ranking-status{white-space:normal}}.city-score-card:nth-child(n+9){display:none}.weight-control input{min-height:32px}@media (width<=720px){.weight-control input{min-height:44px}}