.announcement-nav-dot{position:absolute;right:-1px;top:-2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#13b8cf}
.announcement-nav-dot[hidden]{display:none}
.announcement-list{display:grid;gap:14px}
.announcement-card{margin:0;padding:20px 22px;border:1px solid #e5e7ea;border-radius:14px;background:#fff;box-shadow:0 2px 12px rgba(24,34,48,.035)}
.announcement-card.is-latest{border-color:#bfe9ef;box-shadow:0 0 0 1px #dcf3f7,0 2px 12px rgba(19,184,207,.08)}
.announcement-card-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.announcement-card-head h3{margin:0;font-size:16px}
.announcement-card time{color:#93a1ad;font-size:12px;font-variant-numeric:tabular-nums}
.announcement-card p{margin:0;color:#5a6a7a;font-size:13px;line-height:1.85}
.announcement-empty{margin:0;padding:34px 20px;color:#929da4;text-align:center;font-size:13px}
.announcement-backdrop{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:20px;background:#101a2699;backdrop-filter:blur(2px)}
.announcement-modal{width:min(460px,100%);padding:24px 26px 20px;border-radius:20px;background:#fff;box-shadow:0 30px 80px #0d1a2b33;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#203148;animation:announcement-rise .25s cubic-bezier(.2,.7,.2,1) both}
.announcement-badge{display:inline-block;margin-bottom:10px;padding:3px 9px;border-radius:999px;background:#e9f7f9;color:#078fa3;font-size:11px;font-weight:700}
.announcement-modal h2{margin:0 0 10px;font-size:18px}
.announcement-modal p{margin:0 0 18px;color:#4f6070;font-size:13px;line-height:1.85}
.announcement-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.announcement-modal-foot time{color:#93a1ad;font-size:11px;font-variant-numeric:tabular-nums}
.announcement-dismiss{height:38px;padding:0 18px;border:0;border-radius:10px;background:#171b20;color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.announcement-dismiss:hover{background:#0f1216}
.announcement-dismiss:focus-visible{outline:2px solid #0db4cc;outline-offset:3px}
@keyframes announcement-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:620px){.announcement-card{padding:16px 16px}}