/* news page */
.pg-hero{background:var(--surface);padding:3rem 0 1.5rem;border-bottom:1px solid var(--line)}
.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.5rem}
.toolbar .form-select,.toolbar .form-control{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:.5rem;padding:.55rem .8rem;width:auto}
.toolbar .form-control{min-width:16rem}
.mem{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.1rem .45rem;border-radius:.35rem;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft)}
.mem svg{width:11px;height:11px}
.hide{display:none !important}
.only-event{display:none !important}
[data-status=watch] .only-event,[data-status=activated] .only-event,[data-status=recovery] .only-event{display:block !important}
.posts{border-top:1px solid var(--line)}
.post{padding:1.5rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8rem 1fr;gap:1.5rem}
@media (max-width:575.98px){.post{grid-template-columns:1fr;gap:.3rem}}
.post time{color:var(--ink-soft);font-size:.9rem;padding-top:.3rem}
.post h2{font-size:1.3rem;font-weight:800;margin:0 0 .4rem;letter-spacing:-.01em}
.post h2 a{color:var(--ink);text-decoration:none}
.post h2 a:hover{text-decoration:underline}
.post p{margin:0 0 .6rem;color:var(--ink-soft)}
.post .by{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.88rem;color:var(--ink-soft)}
.post.feat{background:var(--surface);border:1px solid var(--line);border-radius:.9rem;padding:1.5rem;grid-template-columns:1fr;margin:1.5rem 0 .5rem}
.post.feat h2{font-size:1.7rem}
.post.feat p{font-size:1.05rem;color:var(--ink)}
.notice{background:var(--st-activated-bg);border:1px solid var(--st-activated);border-radius:.8rem;padding:1rem 1.25rem;margin-top:1.5rem}
[data-status=watch] .notice{background:var(--st-watch-bg);border-color:var(--st-watch)}
[data-status=recovery] .notice{background:var(--st-recovery-bg);border-color:var(--st-recovery)}
.notice b{display:block;font-weight:800}
.notice span{color:var(--ink-soft);font-size:.95rem}

/* Phones: .g-5 gutters are wider than the container padding and cause sideways scroll. */
@media (max-width:575.98px){.row.g-5,.row.g-4{--bs-gutter-x:1.5rem}}