/* Announcement bar (announcement.js). Ink background, white 14px text (16:1), amber dot. */
.announce { position:relative; z-index:101; background:#0F172A; color:#FFFFFF; font-family:var(--font, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif); }
.announce-inner { max-width:1120px; margin:0 auto; min-height:40px; padding:6px 8px 6px 28px; display:flex; align-items:center; justify-content:center; gap:10px; }
.announce-dot { width:7px; height:7px; border-radius:50%; background:var(--accent, #E8890C); flex-shrink:0; }
.announce-text { margin:0; font-size:14px; line-height:1.4; color:#FFFFFF; min-width:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }   /* at most 2 lines */
.announce-link { font-size:14px; font-weight:600; color:#FFFFFF; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; flex-shrink:0; }
.announce-link:hover { color:#FDE68A; }
.announce-close { flex-shrink:0; margin-left:auto; width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:#CBD5E1; font-size:14px; line-height:1; cursor:pointer; }
.announce-close:hover { background:rgba(255,255,255,0.08); color:#FFFFFF; }
.announce-link:focus-visible, .announce-close:focus-visible { outline:2px solid #FFFFFF; outline-offset:2px; }
@media (max-width:768px) {
  .announce-inner { padding:6px 4px 6px 16px; justify-content:flex-start; flex-wrap:wrap; row-gap:2px; }
  .announce-text { flex:1 1 0; }
  .announce-link { order:3; flex-basis:100%; padding-left:17px; }
}