.district-hero{border-bottom:1px solid var(--border-primary);background:var(--bg-primary);padding:96px 0 36px}.district-breadcrumb{color:var(--text-muted);font-size:.8125rem;font-family:var(--font-body);align-items:center;gap:6px;margin-bottom:20px;display:flex}.district-breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:color .15s}.district-breadcrumb-link:hover{color:var(--brand-primary)}.district-breadcrumb-sep{opacity:.4}.district-hero-inner{grid-template-columns:1fr;align-items:start;gap:40px;display:grid}.district-supervisor-name{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 6px;font-size:2.5rem;font-weight:800;line-height:1.1}@media (min-width:768px){.district-supervisor-name{font-size:3rem}}.district-supervisor-role{font-family:var(--font-body);color:var(--text-secondary);margin:0 0 8px;font-size:1rem}.district-accountability-tag{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 20px;font-size:.8125rem}.district-nav-pills{flex-wrap:wrap;align-items:center;gap:6px;margin-top:20px;display:flex}.district-nav-label{color:var(--text-muted);font-size:.8125rem;font-family:var(--font-body);margin-right:2px}.district-pill{border:1px solid var(--border-primary);background:var(--bg-primary);min-width:32px;height:28px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--font-body);border-radius:6px;justify-content:center;align-items:center;padding:0 10px;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.district-pill:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary)6%,transparent)}.district-pill-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;pointer-events:none}.district-stories-strip{background:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);padding:20px 0}.district-stories-strip .container{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.district-stories-label{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding-top:4px;font-size:.75rem;font-weight:600}.district-stories-row{flex-wrap:wrap;flex:1;gap:12px;display:flex}.district-story-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius);flex-direction:column;flex:200px;gap:3px;max-width:320px;padding:10px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.district-story-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.district-story-headline{font-family:var(--font-heading);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.district-story-desc{font-family:var(--font-body);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.district-page-dashboard{width:100%;max-width:1000px;margin:0 auto}[data-theme=dark] .district-hero,.dark .district-hero{background:var(--bg-primary)}[data-theme=dark] .district-stories-strip,.dark .district-stories-strip{background:#ffffff08}[data-theme=dark] .district-story-card,.dark .district-story-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .district-pill,.dark .district-pill{color:#fff9;background:0 0;border-color:#ffffff1f}