/* What's New — real project announcements. Out-of-world palette shared with
   the staff and support pages so it never reads as in-world FBN material. */
:root{color-scheme:dark;--bg:#0b1728;--panel:#14263d;--panel-2:#1a304b;--line:#39516d;--text:#f4f0e8;--muted:#c9d6e5;--gold:#efc778;--live:#8fd6a0;--soon:#9fc3ef;--maint:#f0b27a;--done:#b9c2cc;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg)}
a{color:var(--gold)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.updates-wrap{max-width:860px;margin:0 auto;padding:28px 16px 64px}
.updates-kicker{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.updates-wrap h1{font:700 clamp(2.2rem,7vw,3.6rem)/1.1 Georgia,serif;margin:12px 0}
.updates-lead{color:var(--muted);max-width:640px;margin:0 0 24px}
.updates-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 24px}
.updates-filters label{display:grid;gap:4px;font-size:.9rem;color:var(--muted);flex:1 1 200px}
.updates-filters select{font:inherit;padding:9px 10px;border:1px solid #8092a8;border-radius:6px;background:#f8f5ec;color:#142034}
.updates-filters button{font:700 .95rem system-ui;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:#30445f;color:var(--text);cursor:pointer}
.updates-list{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.update-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.update-card.pinned{border-color:var(--gold)}
.update-card h2{font:700 1.35rem/1.25 Georgia,serif;margin:8px 0}
.update-card h2 a{color:var(--text);text-decoration:none}
.update-card h2 a:hover,.update-card h2 a:focus-visible{text-decoration:underline;color:var(--gold)}
.update-card p{margin:0 0 8px;color:var(--muted)}
.update-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.tag{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}
.tag.pin{border-color:var(--gold);color:var(--gold)}
.availability-available{border-color:var(--live);color:var(--live)}
.availability-coming-soon{border-color:var(--soon);color:var(--soon)}
.availability-maintenance{border-color:var(--maint);color:var(--maint)}
.availability-completed{border-color:var(--done);color:var(--done)}
.update-dates,.update-meta{font-size:.88rem;color:var(--muted)}
.updates-status{min-height:1.5em;color:var(--muted)}
.updates-empty{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:24px;color:var(--muted)}
.updates-back{margin:0 0 18px}
.update-article header{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}
.update-summary{font-size:1.15rem;color:var(--muted);margin:0 0 12px}
.update-window{margin:6px 0}
.update-areas{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0}
.update-areas li{font-size:.8rem;padding:2px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line)}
.update-note{background:var(--panel);border-left:4px solid var(--gold);padding:12px 16px;margin:0 0 22px;border-radius:0 8px 8px 0}
.update-body p,.update-body li{line-height:1.75}
.update-body ul{padding-left:1.3em}
.update-article section{margin-top:26px}
.update-article h2{font:700 1.2rem Georgia,serif;margin:0 0 8px}
.update-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.update-actions a{display:inline-block;font-weight:700;padding:11px 18px;border-radius:6px;text-decoration:none}
.update-primary{border:1px solid #ebbd64;background:#ebbd64;color:#152033!important}
.update-help{border:1px solid var(--line);background:#30445f;color:var(--text)!important}
time .local{color:var(--muted);font-size:.92em}
@media (prefers-reduced-motion:no-preference){.update-card{transition:border-color .15s}}
