.rank{max-width:var(--max-w);padding:52px var(--gutter) 80px;padding-top:var(--page-space);margin:auto}.rank-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.rank h1{font:var(--type-page);letter-spacing:var(--tracking-page);margin:0}.rank h1 span{color:var(--accent)}.rank-lead{color:var(--ink-2);letter-spacing:normal;margin:16px 0 0;font-size:16px;line-height:1.6}.rank-datestamp{text-align:right;color:var(--ink-2);font:11px var(--font-mono);gap:7px;display:grid}.rank-datestamp strong{font:44px var(--font-sans);color:var(--ink);letter-spacing:-.05em}.rank-context{max-width:82ch;color:var(--ink-2);margin:24px 0 32px;font-size:14px;line-height:1.65}.rank-explorer{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-3);overflow:hidden}.rank-controls{background:var(--surface);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:end;gap:24px;padding:24px;display:flex}.rank-controls label,.rank-controls legend{font:11px var(--font-mono);color:var(--ink-2)}.rank-controls label{gap:9px;min-width:260px;display:grid}.rank-controls select{color:var(--ink);width:100%;font:var(--type-control);border:1px solid var(--border);background:var(--bg-soft);border-radius:var(--r-1);padding:11px 36px 11px 12px}.rank-controls fieldset{border:0;min-width:0;margin:0;padding:0}.rank-controls legend{margin-bottom:9px}.rank-switch{border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border-soft);padding:2px;display:flex}.rank-switch button{cursor:pointer;font:var(--type-control);border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);min-height:44px;padding:10px 14px}.rank-switch button[aria-pressed=true]{background:var(--surface-3);color:var(--ink);border-color:var(--border);box-shadow:none}.rank :is(button,select,summary,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.rank-result-heading{justify-content:space-between;align-items:end;gap:20px;padding:26px 24px 18px;display:flex}.rank h2{font:var(--type-section);letter-spacing:var(--tracking-section);margin:0}.rank-result-heading p{color:var(--ink-2);font:11px var(--font-mono);margin:8px 0 0}.rank-comparison{margin:0;padding:0 24px;list-style:none}.rank-comparison li{border-top:1px solid var(--border-soft);grid-template-columns:28px minmax(180px,1fr) minmax(100px,1.2fr) 145px;align-items:center;gap:16px;padding:17px 0;display:grid}.rank-number{color:var(--ink-3);font:11px var(--font-mono)}.rank a{color:var(--ink);text-decoration:none}.rank a:hover{color:var(--accent);text-decoration:underline}.rank-city a{letter-spacing:-.025em;font-size:18px;font-weight:500}.rank-city small,.rank-value small{color:var(--ink-2);margin-top:6px;font-size:11px;line-height:1.5;display:block}.rank-visual{background:var(--surface-2);border-radius:2px;height:12px;overflow:hidden}.rank-visual span{background:var(--accent);opacity:.65;height:100%;display:block}.rank-comparison li:first-child .rank-visual span{opacity:1}.rank-value{text-align:right;font-variant-numeric:tabular-nums}.rank-value strong{font:21px var(--font-mono);font-weight:500}.rank-reading,.rank-missing{color:var(--ink-2);border-top:1px solid var(--border-soft);margin:0;padding:18px 24px;font-size:13px;line-height:1.6}.rank-missing{background:var(--surface-2)}.rank-series{border-top:1px solid var(--border-soft);color:var(--ink-2);padding:18px 24px;font-size:13px}.rank summary{cursor:pointer;color:var(--ink)}.rank-series ul,.rank-note ol{padding-left:20px;line-height:1.7}.rank-series li,.rank-note li{margin-top:10px}.rank-totals{margin-top:52px}.rank-section-heading>p:last-child{max-width:78ch;color:var(--ink-2);font-size:14px;line-height:1.6}.rank-total-grid{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.rank-total-grid section{border-top:2px solid var(--border-loud);padding-top:20px}.rank-total-grid h3{margin:0;font-size:19px;font-weight:500}.rank-total-grid p{color:var(--ink-2);font:11px var(--font-mono)}.rank-total-grid ol{margin:20px 0 0;padding:0;list-style:none}.rank-total-grid li{border-top:1px solid var(--border-soft);grid-template-columns:25px 1fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.rank-total-grid li>span{font:11px var(--font-mono);color:var(--ink-3)}.rank-total-grid strong{font:16px var(--font-mono)}.rank-totals>.rank-series{padding-left:0;padding-right:0}.rank-note{border-top:1px solid var(--border);color:var(--ink-2);margin-top:24px;padding-top:24px;font-size:14px}.city-home-context a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}@media (width<=800px){.rank{padding-top:var(--page-space)}.rank-controls{background:var(--surface);border-bottom:1px solid var(--border-soft);flex-direction:column;align-items:stretch;gap:18px}.rank-controls label{min-width:0}.rank-switch button{font:var(--type-control);border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);flex:1;min-height:44px}.rank-comparison li{grid-template-columns:24px 1fr 110px;gap:10px}.rank-visual{grid-area:2/2/auto/4;height:6px}.rank-city{min-width:0}.rank-total-grid{grid-template-columns:1fr}.rank-value strong{font-size:18px}.rank-city a{font-size:17px}.rank-header{flex-wrap:wrap;align-items:start}.rank-datestamp{text-align:left;flex-wrap:wrap;align-items:baseline;margin:0;font-size:10px;display:flex}.rank-datestamp strong{font:12px var(--font-mono)}.rank-lead{color:var(--ink-2);letter-spacing:normal;font-size:16px;line-height:1.6}.rank-controls,.rank-result-heading{padding:20px}.rank-comparison{padding:0 20px}}