:root{--cat-safety:#c9432c;--cat-lifeline:#18739a;--cat-housing:#88602b;--cat-living:#47794c;--cat-transport:#6750a4;--cat-facility:#a24d70;--cat-support:#d16a18;--cat-other:#65716c}
.feed-category-overview{padding:22px 28px;background:#f7f5ee;border-bottom:1px solid var(--line)}
.feed-category-overview>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.feed-category-overview>header div span{display:block;color:var(--muted);font-size:11px}.feed-category-overview>header div b{font-size:15px}.feed-category-overview>header small{color:var(--muted);font-size:11px}.feed-category-overview>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:7px}.feed-category-overview button{--category:var(--cat-other);position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;overflow:hidden;padding:11px;border:1px solid #dce1dd;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.feed-category-overview button:hover,.feed-category-overview button.active{border-color:var(--category);box-shadow:inset 3px 0 var(--category)}.category-symbol{display:inline-grid!important;place-items:center;flex:0 0 auto;width:30px;height:30px;padding:0!important;border-radius:7px;background:var(--category)!important;color:#fff;font-size:11px!important;font-weight:900}.feed-category-overview button>span:nth-child(2){min-width:0}.feed-category-overview button b{display:block;font-size:12px}.feed-category-overview button small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-category-overview button strong{font-size:18px;color:var(--category)}.feed-category-overview button strong small{display:inline;margin-left:2px}.feed-category-overview button i{position:absolute;left:0;bottom:0;width:var(--ratio);height:3px;background:var(--category)}
.category-safety{--category:var(--cat-safety)!important}.category-lifeline{--category:var(--cat-lifeline)!important}.category-housing{--category:var(--cat-housing)!important}.category-living{--category:var(--cat-living)!important}.category-transport{--category:var(--cat-transport)!important}.category-facility{--category:var(--cat-facility)!important}.category-support{--category:var(--cat-support)!important}.category-other{--category:var(--cat-other)!important}
.feed-controls{grid-template-columns:minmax(170px,.8fr) minmax(0,2.2fr) auto}.feed-controls fieldset div{gap:5px}.feed-controls fieldset button{--category:var(--cat-other);display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-color:#d8ded9;min-height:36px}.feed-controls fieldset button .filter-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:color-mix(in srgb,var(--category) 14%,white);color:var(--category);font-weight:900}.feed-controls fieldset button b{min-width:16px;color:var(--muted);font-size:11px;text-align:right}.feed-controls fieldset button[aria-pressed="true"]{background:var(--category);border-color:var(--category);color:#fff}.feed-controls fieldset button[aria-pressed="true"] .filter-icon{background:rgba(255,255,255,.2);color:#fff}.feed-controls fieldset button[aria-pressed="true"] b{color:#fff}.feed-controls fieldset button:disabled{opacity:.38;cursor:not-allowed}
.feed-day article{--category:var(--cat-other);padding:3px 0 26px;border-left:0}.feed-day article:before{left:-30px;background:var(--category)}.article-category{display:flex!important;align-items:center;gap:8px!important}.article-category>span:nth-child(2) b{display:block;font-size:11px;color:var(--category)}.article-category>span:nth-child(2) small{display:block;color:var(--muted);font-size:11px}.article-category time{margin-left:auto}.feed-day h3{margin-left:38px}.feed-day article>a{display:inline-block;margin-left:38px}
@media(max-width:800px){.feed-category-overview{padding:18px 20px}.feed-category-overview>div{grid-template-columns:1fr}.feed-category-overview>header{align-items:start}.feed-controls{grid-template-columns:1fr}.feed-controls fieldset div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.feed-controls fieldset button{width:100%}.feed-day h3,.feed-day article>a{margin-left:0}.article-category>span:nth-child(2) small{white-space:normal}}
@media(max-width:800px){.municipal-feed-hero h1,.feed-overview h2{max-width:100%;white-space:normal!important;word-break:break-all!important;overflow-wrap:anywhere!important}}
.category-symbol svg,.filter-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.modern-site .feed-category-overview{background:#f8fafc;border-color:rgba(203,213,225,.8)}
.modern-site .feed-category-overview button{border-color:rgba(203,213,225,.8);border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:all .2s ease}
.modern-site .feed-category-overview button:hover{transform:scale(1.01)}
.modern-site .category-symbol,.modern-site .filter-icon{border-radius:11px!important;background:color-mix(in srgb,var(--category) 12%,white)!important;color:var(--category)!important}
.modern-site .category-symbol{width:38px;height:38px}.modern-site .category-symbol svg,.modern-site .filter-icon svg{width:20px;height:20px}.modern-site .filter-icon svg{width:15px;height:15px}
.modern-site .feed-controls fieldset button[aria-pressed="true"]{background:color-mix(in srgb,var(--category) 10%,white);border-color:var(--category);color:#0f172a}
.modern-site .feed-controls fieldset button[aria-pressed="true"] .filter-icon{background:rgba(255,255,255,.22)!important;color:#fff!important}.modern-site .feed-controls fieldset button[aria-pressed="true"] b{color:#fff}
.modern-site .category-safety{--category:#0284c7!important}.modern-site .category-lifeline{--category:#0891b2!important}.modern-site .category-housing{--category:#d97706!important}.modern-site .category-living{--category:#059669!important}.modern-site .category-transport,.modern-site .category-facility{--category:#7c3aed!important}.modern-site .category-support{--category:#e11d48!important}.modern-site .category-other{--category:#64748b!important}
.modern-site .feed-controls{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr) auto;gap:16px;align-items:stretch;padding:24px 28px;background:#f8fafc}.modern-site .feed-search-control,.modern-site .feed-filter-control{padding:18px;border:1px solid #dbe4ee;border-radius:14px;background:#fff}.modern-site .feed-search-control{border-top:4px solid #0284c7}.modern-site .feed-filter-control{border-top:4px solid #7c3aed}.modern-site .feed-search-control>header,.modern-site .feed-filter-control>header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.modern-site .feed-search-control>header>span,.modern-site .feed-filter-control>header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:20px;font-weight:800}.modern-site .feed-search-control>header>span{background:#e0f2fe;color:#0369a1}.modern-site .feed-filter-control>header>span{background:#ede9fe;color:#6d28d9}.modern-site .feed-search-control header b,.modern-site .feed-filter-control header b{display:block;font-size:14px}.modern-site .feed-search-control header small,.modern-site .feed-filter-control header small{display:block;margin-top:2px;color:#64748b;font-size:10px}.modern-site .feed-search-control label>span,.modern-site .feed-filter-control legend{font-size:10px;font-weight:700;color:#475569}.modern-site .feed-search-control input{margin-top:3px;border-radius:10px;background:#f8fafc}.modern-site .feed-filter-control fieldset div{gap:7px}.modern-site .feed-order-control{display:flex;flex-direction:column;justify-content:flex-end;gap:5px}.modern-site .feed-order-control>span{font-size:10px;font-weight:700;color:#64748b}.modern-site .feed-order-control button{min-height:48px;border-radius:10px;font-size:12px;font-weight:800}.modern-site .feed-day>div{border-left:2px solid #cbd5e1}.modern-site .feed-day article{border-left:0!important}
@media(max-width:1100px){.modern-site .feed-controls{grid-template-columns:1fr}.modern-site .feed-order-control{align-items:flex-start}.modern-site .feed-order-control button{min-width:130px}}
@media(max-width:800px){.modern-site .feed-controls{padding:18px 16px;gap:12px}.modern-site .feed-search-control,.modern-site .feed-filter-control{padding:15px}.modern-site .feed-filter-control fieldset div{grid-template-columns:1fr 1fr}.modern-site .feed-order-control button{width:100%}}
@media(prefers-contrast:more){.feed-category-overview button,.feed-day article{border-width:2px}.category-symbol{outline:1px solid currentColor}}