.city-hero{border-radius:15px;background:#183f35;color:#f6f8e9;padding:40px 38px;display:flex;justify-content:space-between;align-items:center;margin:10px 0 22px;overflow:hidden}.city-hero .eyebrow{color:#bacb99;font-size:10px;letter-spacing:2px}.city-hero h1{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;font-weight:450;margin:20px 0 14px}.city-hero p{color:#d2dfc6;font-size:14px;line-height:1.9}.city-orbit{font-size:150px;line-height:1;color:#c5d58c;padding:0 26px;text-align:center;transform:rotate(-14deg)}.city-orbit span{display:block;font-size:9px;letter-spacing:2px;line-height:1.9;transform:rotate(14deg);margin-top:15px}.city-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0}.city-filters label{font-size:11px;color:#5e7056;flex:1;min-width:135px}.city-filters label:first-child{min-width:210px}.city-filters select,.city-filters input,.city-inline select{display:block;width:100%;border:1px solid #d7e1ce;border-radius:6px;padding:11px 10px;margin-top:7px;background:#fbfcf8;font-size:12px;min-height:42px}.city-filters label:has(#e-compare){flex-basis:50%}.city-two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:20px}.city-timeline{margin-top:20px}.city-section-title{font-weight:500;font-size:20px;margin:13px 0 23px}.city-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.city-links button{text-align:left;cursor:pointer;background:#edf1e4}.city-links button:hover{background:#e3ebd4}.city-links span{font-size:10px;color:#687d50;letter-spacing:1px}.city-links strong{display:block;font-size:23px;font-weight:500;line-height:1.4;margin:17px 0}.city-links p{font-size:12px;color:#6c805e}.city-band{display:grid;grid-template-columns:74px 1fr 43px;align-items:center;gap:10px;font-size:11px;margin:14px 0;color:#5c7152}.city-band-track{height:9px;border-radius:6px;background:#edf0e6;overflow:hidden}.city-band-fill{display:block;background:#84a165;height:100%;border-radius:6px}.city-band:nth-child(-n+2) .city-band-fill{background:#b58b54}.city-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.city-category{border:1px solid #e2e8d9;border-radius:7px;padding:15px}.city-category strong{display:block;font-size:22px;font-weight:500;margin-bottom:7px}.city-category span{font-size:11px;color:#6a7d5b}.city-inline{font-size:11px;min-width:170px}.city-missing{padding:30px;text-align:center;color:#697d5a;font-size:13px}.city-chart-key{color:#6a7d5b;font-size:11px;line-height:1.8}.city-note{font-size:12px;line-height:1.9;color:#5f7653}.city-note strong{color:#234932}.city-legend-line{display:inline-block;width:16px;height:3px;margin-right:7px}.city-two .analysis-chart{min-height:200px}.city-empty-controls select:empty{min-height:42px}
@media(max-width:1100px){.city-two{grid-template-columns:1fr}.city-orbit{font-size:110px}.city-filters label{flex-basis:25%}.city-category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:740px){.city-hero{padding:27px 23px}.city-hero h1{font-size:34px;letter-spacing:-1px}.city-hero p{font-size:12px}.city-orbit{display:none}.city-filters{gap:12px;padding:18px}.city-filters label,.city-filters label:first-child{min-width:0;flex-basis:calc(50% - 12px)}.city-filters label:has(#e-place),.city-filters label:has(#e-metric),.city-filters label:has(#r-road),.city-filters label:has(#e-compare){flex-basis:100%}.city-links{gap:12px}.city-links button{padding:18px}.city-links strong{font-size:18px}.city-links span{font-size:8px}.city-category-grid{grid-template-columns:repeat(2,1fr)}.city-timeline .panel-head{flex-wrap:wrap;gap:12px}.sidebar nav{overflow-x:auto}.nav-item{flex-shrink:0}.city-two .panel-head{flex-wrap:wrap;gap:10px}}
@media(max-width:740px){.sidebar{height:auto;flex-direction:column;align-items:stretch;gap:13px;padding:16px}.brand{justify-content:flex-start;white-space:nowrap}.sidebar nav{display:flex;width:100%;overflow-x:auto;gap:5px;padding-bottom:4px}.sidebar .nav-item{width:auto;flex:0 0 auto;font-size:11px;white-space:nowrap;padding:9px 11px}.sidebar .nav-item span{display:none}}