/* District profile v2: full-bleed hero, "what do you want to do" picker, filterable explorer, stories. */
.tiu .dh{position:relative;isolation:isolate;min-height:clamp(440px,64vh,640px);display:flex;flex-direction:column;color:#fff;background:#24323a;overflow:hidden}
.tiu .dh-media{position:absolute;inset:0;z-index:-2}
.tiu .dh-media img,.tiu .dh-media svg{width:100%;height:100%;object-fit:cover;display:block}
.tiu .dh-media svg{background:linear-gradient(180deg,#9DB7C4,#5E7C8A)}
.tiu .dh:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,16,20,.55) 0,rgba(10,16,20,.05) 28%,rgba(10,16,20,.15) 52%,rgba(10,16,20,.82) 100%)}
.tiu .dh-in{width:100%;max-width:var(--container);margin:0 auto;padding:16px var(--gutter) 28px;display:flex;flex-direction:column;flex:1}
.tiu .dh .toprow{color:#fff}
.tiu .dh .crumbs,.tiu .dh .crumbs a,.tiu .dh .toprow .lbtn{color:rgba(255,255,255,.9)}
.tiu .dh .crumbs span{color:#fff}
.tiu .dh-txt{margin-top:auto;max-width:760px}
.tiu .dh-eye{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 12px;border-radius:var(--r-pill)}
.tiu .dh-eye .ic{width:16px;height:16px}
.tiu .dh h1{font-size:clamp(40px,7vw,72px);line-height:1.02;font-weight:800;letter-spacing:-1px;margin:14px 0 10px;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.tiu .dh h1 small{display:block;font-size:clamp(16px,2.2vw,20px);font-weight:600;letter-spacing:0;opacity:.92;margin-top:6px}
.tiu .dh-intro{font-size:clamp(15px,1.8vw,18px);line-height:1.55;color:rgba(255,255,255,.92);max-width:640px}
.tiu .dh-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tiu .dh-stats a{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:7px 12px;border-radius:var(--r-pill)}
.tiu .dh-stats a:hover{background:rgba(255,255,255,.24);text-decoration:none}
.tiu .dh-stats b{font-weight:800}
.tiu .dh-stats .ic{width:16px;height:16px}
.tiu .dh-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tiu .dh-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--r-pill);font-weight:700;font-size:15px}
.tiu .dh-btn.pri{background:var(--brand-500);color:#fff}
.tiu .dh-btn.pri:hover{background:var(--brand-600);text-decoration:none}
.tiu .dh-btn.sec{background:#fff;color:var(--n-800)}
.tiu .dh-btn.sec:hover{background:var(--n-40);text-decoration:none}
.tiu .dh-btn .ic{width:18px;height:18px}

.tiu .dv2 .wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter) 48px}
.tiu .dv2 .dsec{padding-top:40px;scroll-margin-top:calc(var(--hdr) + 60px)}
.tiu .dv2 .dsec>h2{font-size:clamp(22px,3vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.3px}
.tiu .dv2 .dsec>.sintro{margin-top:6px;color:var(--text-secondary);max-width:720px}
.tiu .dv2 .dsec>.dxgrid,.tiu .dv2 .dsec>.blogs,.tiu .dv2 .dsec>.pcards{margin-top:18px}

/* What do you want to do? */
.tiu .dintent{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px}
.tiu .dint{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:16px;border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;color:var(--text-primary);transition:border-color .15s,box-shadow .15s,transform .15s}
.tiu .dint:hover{border-color:var(--brand-500);box-shadow:0 6px 20px rgba(23,24,28,.08);transform:translateY(-2px);text-decoration:none}
.tiu .dint[aria-pressed="true"]{border-color:var(--brand-500);background:var(--brand-50)}
.tiu .dint i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600)}
.tiu .dint i .ic{width:22px;height:22px}
.tiu .dint b{font-size:16px;font-weight:700;line-height:1.25}
.tiu .dint small{font-size:13px;color:var(--text-secondary)}
.tiu .dint.c1 i{background:#EAF4FF;color:var(--sub-500)}
.tiu .dint.c2 i{background:var(--success-50);color:var(--success-500)}
.tiu .dint.c3 i{background:#F6F0FF;color:#6B46C1}

/* Explorer */
.tiu .dfilters{display:flex;gap:8px;overflow-x:auto;padding:4px 0 6px;margin-top:16px;scrollbar-width:none}
.tiu .dfilters::-webkit-scrollbar{display:none}
.tiu .dfilters button{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:#fff;font-size:14px;font-weight:600;color:var(--n-600)}
.tiu .dfilters button span{font-size:12px;color:var(--text-secondary);font-weight:600}
.tiu .dfilters button[aria-pressed="true"]{background:var(--n-800);border-color:var(--n-800);color:#fff}
.tiu .dfilters button[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
.tiu .dshow{font-size:13px;color:var(--text-secondary);margin-top:6px}
.tiu .dv2 .dxcard[hidden]{display:none!important}

/* Facts + map side by side on wide screens */
.tiu .dglance{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}
.tiu .dglance .dmap{margin:0}
@media (min-width:900px){.tiu .dglance{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.tiu .dglance .dfacts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Empty district */
.tiu .dsoon{margin-top:16px;padding:20px;border-radius:var(--r-lg);background:var(--bg-tertiary);color:var(--n-600)}

@media (max-width:640px){
	.tiu .dh{min-height:520px}
	.tiu .dh-in{padding-bottom:22px}
	.tiu .dintent{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.tiu .dint{padding:14px}
	.tiu .dh-btn{height:44px;padding:0 16px;font-size:14px}
}