.city-profile{border:1px solid #c8cec8;background:#f5f6f2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}
.city-profile a{color:inherit;text-decoration:none}.city-profile small{font:9px/1.3 "IBM Plex Mono";letter-spacing:.06em}.city-profile a:focus-visible{outline:3px solid #ff634d;outline-offset:-3px}
.profile-lead{min-height:292px;padding:32px 34px;display:flex;flex-direction:column;background:#eef0eb;border-right:1px solid #c8cec8}.profile-lead small{color:#f04f39}.profile-lead h3{margin:22px 0 12px;font:clamp(48px,6vw,88px)/.86 "Archivo Black";letter-spacing:-.065em}.profile-lead p{max-width:720px;margin:0;font-size:17px;line-height:1.55}.profile-lead span{margin-top:auto;padding-top:26px;font:10px "IBM Plex Mono"}
.profile-live{display:grid;grid-template-rows:repeat(3,1fr);background:#0d3428;color:#f5f7f2}.profile-live>a{min-height:96px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.18);display:grid;gap:7px;align-content:center}.profile-live>a:last-child{border-bottom:0}.profile-live small{color:#ff806c}.profile-live b{font:20px/1.15 "Archivo Black";letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-live span{font-size:10px;color:#b8c9c1}
.profile-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #c8cec8}.profile-metrics>a{min-height:154px;padding:20px;display:flex;flex-direction:column;border-right:1px solid #c8cec8}.profile-metrics>a:nth-child(-n+3){grid-column:span 2}.profile-metrics>a:nth-child(n+4){grid-column:span 3;border-top:1px solid #c8cec8}.profile-metrics>a:nth-child(3),.profile-metrics>a:last-child{border-right:0}.profile-metrics small{color:#f04f39}.profile-metrics b{margin:24px 0 8px;font:clamp(22px,2.2vw,32px)/1.02 "Archivo Black";letter-spacing:-.04em}.profile-metrics span{margin-top:auto;font-size:10px;color:#657068}
.profile-districts{grid-column:1/-1;padding:26px 30px;display:grid;grid-template-columns:minmax(220px,.65fr) 1.35fr;gap:28px;background:#112018;color:#f5f7f2}.profile-districts small{color:#ff806c}.profile-districts h3{margin:10px 0 0;font:26px/1.05 "Archivo Black";letter-spacing:-.035em}.profile-districts nav{display:flex;flex-wrap:wrap;gap:8px;align-content:center}.profile-districts nav a{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid #50645a;font-size:10px}.profile-districts nav a.all{border-color:#ff806c;color:#ffb4a7}
.city-profile>footer{grid-column:1/-1;min-height:34px;padding:8px 16px;display:flex;justify-content:space-between;gap:16px;background:#dfe4de;color:#5d685f;font:8px "IBM Plex Mono"}
@media(hover:hover){.profile-lead,.profile-live>a,.profile-metrics>a,.profile-districts nav a{transition:background-color .16s ease,color .16s ease}.profile-lead:hover{background:#e3e7e0}.profile-live>a:hover{background:#164b3b}.profile-metrics>a:hover{background:#fff}.profile-districts nav a:hover{background:#f5f7f2;color:#102018}}
@media(max-width:900px){.city-profile{grid-template-columns:1fr}.profile-lead{border-right:0;border-bottom:1px solid #c8cec8}.profile-live{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.profile-live>a{border-bottom:0;border-right:1px solid rgba(255,255,255,.18)}.profile-live>a:last-child{border-right:0}.profile-districts{grid-template-columns:1fr}}
@media(max-width:620px){.profile-lead{min-height:250px;padding:24px 20px}.profile-lead h3{font-size:52px}.profile-lead p{font-size:14px}.profile-live{grid-template-columns:1fr}.profile-live>a{min-height:104px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.profile-live>a:last-child{border-bottom:0}.profile-metrics{grid-template-columns:1fr 1fr}.profile-metrics>a,.profile-metrics>a:nth-child(-n+3),.profile-metrics>a:nth-child(n+4){grid-column:auto;min-height:138px;border-top:0;border-right:1px solid #c8cec8;border-bottom:1px solid #c8cec8}.profile-metrics>a:nth-child(2n){border-right:0}.profile-metrics>a:last-child{grid-column:1/-1;border-bottom:0}.profile-metrics b{font-size:22px}.profile-districts{padding:24px 20px;gap:20px}.profile-districts nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.profile-districts nav a{flex:0 0 auto;min-height:44px}.city-profile>footer{display:grid;justify-content:start}}
@media(prefers-reduced-motion:reduce){.profile-lead,.profile-live>a,.profile-metrics>a,.profile-districts nav a{transition:none}}