/* v24 compact responsive updates center */
.news-nav{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border, #d7e1dc);border-radius:13px;background:transparent;color:inherit;cursor:pointer}
.news-nav svg{width:21px;height:21px}
.news-count{position:absolute;right:-5px;top:-7px;min-width:21px;height:21px;padding:2px 5px;border-radius:20px;background:#2f6f5e;color:white;font:700 11px/17px system-ui;text-align:center}
.news-count[hidden]{display:none}
.news-mobile{width:100%;padding:12px 14px;border:0;text-align:left;border-radius:10px;background:transparent;color:inherit;font:inherit}
.news-scrim{position:fixed;inset:0;z-index:1201;background:rgba(12,30,23,.52)}
.news-panel{position:fixed;z-index:1202;right:0;top:0;bottom:0;width:min(480px,100vw);background:var(--bg, #fff);color:var(--text, #24342e);box-shadow:-9px 0 55px rgba(0,0,0,.18);overflow:auto;overscroll-behavior:contain;padding:18px clamp(16px,4vw,26px) calc(24px + env(safe-area-inset-bottom));word-break:normal;overflow-wrap:anywhere}
.news-panel[hidden],.news-scrim[hidden]{display:none!important}
.news-open{overflow:hidden}
.news-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.news-head h2{font-size:1.35rem;margin:0}
.news-close{width:44px;height:44px;min-width:44px;border-radius:12px;border:1px solid #b8cac2;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.news-desc{font-size:.88rem;line-height:1.7;opacity:.8}
.news-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.news-btn{border:1px solid #b7c8c0;border-radius:12px;background:transparent;color:inherit;padding:11px 14px;min-height:44px;font:inherit;font-size:.88rem;cursor:pointer}
.news-btn.primary{background:#2f6f5e;color:white;border-color:#2f6f5e}
.news-btn:disabled{opacity:.55;cursor:not-allowed}
.news-btn:focus-visible,.news-close:focus-visible,.news-nav:focus-visible,.news-row:focus-visible{outline:3px solid #e0b855;outline-offset:3px}
.news-section{padding-top:14px;border-top:1px solid #d5ddd9;margin-top:16px}
.news-section h3{margin:0 0 8px;font-size:1rem}
.news-list{display:grid;gap:10px;max-height:40vh;overflow-y:auto}
.news-row{display:grid;gap:3px;border:1px solid #d3ded8;border-radius:12px;padding:12px 14px;text-decoration:none;color:inherit;line-height:1.6}
.news-row:hover{border-color:#2f6f5e}
.news-row strong{font-size:.97rem;font-weight:700}
.news-row small{font-size:.77rem;opacity:.72}
.news-kind{color:#2f6f5e;font-size:.73rem;font-weight:700}
.news-empty{opacity:.75;font-size:.85rem;line-height:1.8}
.news-check{display:flex;gap:8px;align-items:center;padding:8px 4px;min-height:42px;font-size:.88rem}
.news-check input{width:19px;height:19px;accent-color:#2f6f5e;flex:none}
.news-provinces{max-height:185px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.news-provinces[hidden]{display:none}
.news-status{font-size:.81rem;line-height:1.7;opacity:.78}
@media(max-width:560px){.news-panel{left:0;width:100%;padding-top:calc(14px + env(safe-area-inset-top));}.news-provinces{grid-template-columns:repeat(2,minmax(0,1fr));}.news-nav{min-width:44px}}
@media(prefers-reduced-motion:reduce){.news-panel{animation:none!important}}
/* Keep new controls compact and readable with the existing theme tokens. */
.news-panel{background:var(--bg,#fff);color:var(--ink,#24342e)}
.news-nav{color:var(--ink);border-color:var(--line);flex:none}
.news-row{border-color:var(--line)}
.news-section{border-color:var(--line)}
.news-btn{border-color:var(--line)}
.news-kind{color:var(--accent)}
@media(max-width:520px){.nav .nav-install-btn{display:none!important}}
@media(max-width:359px){.nav #themeBtn{display:none!important}.nav-brand{font-size:11.5px}.news-nav{min-width:40px;min-height:44px}}