.news-map-pin{width:44px;height:44px;border:2px solid #6e8d97;border-radius:50%;background:#fffaf0;color:#315866;font-size:23px;box-shadow:0 2px 8px #203c3329;cursor:pointer}.news-map-pin:focus-visible{outline:3px solid #987333}.news-compact .hall-grid{grid-template-columns:1fr}.news-compact button,.news-profile button{border:1px solid #b6c5b7;border-radius:12px;background:#f5f5ec;color:#253a31;padding:12px;text-align:left;min-height:44px;font:inherit;cursor:pointer}.news-compact button strong,.news-profile button strong{display:block}.news-compact button small,.news-profile button small{display:block;font-size:13px;margin-top:5px;color:#52695b}.news-note,.news-meta{font-size:13px;line-height:1.45;color:#52645a}.news-scope{font-size:14px;font-weight:600;color:#3e6266}.news-select{display:flex;flex-direction:column;gap:6px;margin:12px 0}.news-select select{width:100%;font:inherit;min-height:44px;padding:8px;background:#fffaf0;color:#243b31;border:1px solid #b6c5b7;border-radius:8px}.news-profile .hall-budget-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px;margin:6px 0;background:#f0f3e9;border-radius:8px}.news-profile .hall-bar i{background:#618895}.news-change{font-weight:600}.news-timeline{padding-left:22px}.news-timeline li{padding:0 0 16px 8px;border-left:2px solid #c2cdc0}.news-timeline strong,.news-timeline small{display:block}.news-timeline small{color:#52645a;font-size:13px}html body #app.news-mode:not(.map-place-focus) #discovery-tray{max-height:48%!important;overflow:auto!important}html body #app.news-mode .news-map-pin{visibility:visible}html body #app.search-active .news-map-pin{visibility:hidden!important}html body #app.news-mode .close-place-icon{display:none!important}
.ward-radial{width:50px;height:50px;z-index:3;pointer-events:none}
.news-ward-number{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;padding:0;background:#fff4d8;color:#294b40;border:2px solid #8e9c79;border-radius:50%;box-shadow:0 3px 0 #294b4025,0 4px 12px #182c2620;cursor:pointer}
.news-ward-number strong{font:700 23px/1 system-ui}.news-ward-number span{font:10px/1.2 system-ui}
.ward-radial-options{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.ward-spoke{position:absolute;left:1px;top:1px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:8px;border:1.5px solid #91a48c;border-radius:15px;background:#fffcf1;color:#294b40;box-shadow:0 3px 0 #294b4026,0 5px 18px #182c2630;opacity:0;transform:translate(0,0) scale(.7);transition:transform .18s ease,opacity .16s ease;cursor:pointer}
.ward-spoke svg{width:29px;height:29px}.ward-spoke span{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:6px;background:#fffcf1;color:#294b40;white-space:nowrap;font:600 11px/1.2 system-ui;box-shadow:0 2px 5px #182c2620}
.ward-radial.open{z-index:20}.ward-radial.open .news-ward-number{background:#f2d293;border-color:#987b43}.ward-radial.open .ward-radial-options{visibility:visible}.ward-radial.open .ward-spoke{pointer-events:auto;opacity:1}.ward-radial.open .representatives{transform:translate(-66px,-69px) scale(1)}.ward-radial.open .news{transform:translate(66px,-69px) scale(1)}
.ward-radial button:focus-visible{outline:3px solid #9b702d;outline-offset:4px}
html body #app.ward-radial-open .ward-radial:not(.open){visibility:hidden}
html body #app.map-journey:not(.news-map-mode) .ward-radial,html body #app.search-active .ward-radial{display:none}
html body #app.ward-radial-open aside{visibility:hidden}
html body #app.news-map-mode #discovery-tray{left:50%!important;right:auto!important;top:auto!important;bottom:96px!important;transform:translateX(-50%)!important;width:390px!important;max-width:calc(100% - 20px)!important;max-height:42%!important;overflow:auto!important;border-radius:16px}
html body #app.news-map-mode #discovery-tray .map-step h2{display:none}
#news-map-browser{color:#294b40}#news-map-browser h3{font-size:17px;line-height:1.25;margin:8px 0}#news-map-browser p{font-size:14px;line-height:1.4;margin:8px 0}
.news-area-label{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.news-area-label select{font:600 14px system-ui;min-height:44px;max-width:65%;border:1px solid #a7b89f;border-radius:10px;padding:6px;background:#f1f4e5;color:#294b40}
.news-source-link{display:inline-block;color:#315c4c;font-weight:600;min-height:44px;padding:10px 0}
.news-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}.news-pager button{width:44px;height:44px;border:1px solid #a7b89f;border-radius:12px;background:#f1f4e5;color:#294b40;font-size:20px;cursor:pointer}.news-pager button:disabled{opacity:.35;cursor:default}.news-pager span{font-size:12px}
.news-map-pin.selected{background:#f2d293;border-color:#8c713d;box-shadow:0 0 0 4px #e9bc6655}.news-collection-note{font-size:12px;margin-top:8px}.news-collection-note summary{min-height:32px;cursor:pointer}.news-collection-note button{padding:10px;border:1px solid #a7b89f;border-radius:8px;background:#f1f4e5;color:#294b40;min-height:44px}
@media(prefers-reduced-motion:reduce){.ward-spoke{transition:none}}

/* A quiet unread signal; only the glyph moves, preserving radial placement. */
.ward-spoke.news.has-new-posts::after{content:'';position:absolute;top:3px;right:3px;width:9px;height:9px;border:2px solid #fffcf1;border-radius:50%;background:#ab603b}
.ward-radial.open .ward-spoke.news.has-new-posts svg{animation:ward-post-nudge 2.8s ease-in-out infinite}
@keyframes ward-post-nudge{0%,75%,100%{transform:scale(1)}84%{transform:scale(1.12)}92%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ward-radial.open .ward-spoke.news.has-new-posts svg{animation:none}}
.ward-community-posts{display:grid;gap:8px;margin:12px 0 18px;padding-bottom:14px;border-bottom:1px solid #a7b89f}
.ward-community-post{display:grid;gap:4px;width:100%;min-width:0;min-height:44px;text-align:left;padding:10px 12px;border:1px solid #a7b89f;border-radius:12px;background:var(--map-surface,#fffcf1);color:var(--map-ink,#294b40);font:inherit;cursor:pointer;overflow-wrap:anywhere}
.ward-community-post strong{font-size:16px}.ward-community-post small{font-size:14px;font-weight:400}.ward-community-post:focus-visible{outline:3px solid #ad8034;outline-offset:2px}

/* City Hall shares the ward notification treatment and reduced-motion behavior. */
[data-hall-unread]{position:relative}
[data-hall-unread].has-new-posts::after{content:'';position:absolute;top:3px;right:3px;width:9px;height:9px;border:2px solid #fffcf1;border-radius:50%;background:#ab603b;pointer-events:none}
.city-hall-radial.open [data-hall-unread].has-new-posts svg,.compact-menu-options [data-hall-unread].has-new-posts svg{animation:ward-post-nudge 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.city-hall-radial.open [data-hall-unread].has-new-posts svg,.compact-menu-options [data-hall-unread].has-new-posts svg{animation:none}}

/* Ward labels live in the map; this menu exists only after selecting an area. */
html body #app .ward-area-menu[hidden]{display:none!important}
html body #app .ward-area-menu.open{display:block;width:230px;height:auto;pointer-events:auto;background:#fffaf0;border:1px solid #b5c1a8;border-radius:18px;padding:10px;box-shadow:0 8px 24px #253e3333}
html body #app .ward-area-menu .news-ward-number{width:100%;height:40px;display:flex;flex-direction:row;justify-content:space-between;border:0;border-radius:8px;box-shadow:none;background:transparent;padding:0 8px}
html body #app .ward-area-menu .news-ward-number span{font:600 16px system-ui}
html body #app .ward-area-menu .ward-radial-options{position:static;display:flex;gap:8px;margin-top:6px}
html body #app .ward-area-menu .ward-spoke{position:relative;left:auto;top:auto;transform:none;width:50%;height:76px;flex-direction:column;gap:5px;padding:8px;box-shadow:none;border-radius:12px}
html body #app .ward-area-menu .ward-spoke span{position:static;transform:none;padding:0;background:transparent;box-shadow:none;white-space:normal;text-align:center;font-size:12px}