.top-bar .container { grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); gap:20px; }
.top-bar-left { gap:16px; min-width:0; }
.uai-top-contact { display:inline-flex; align-items:center; gap:8px; min-height:28px; }
.uai-top-contact svg { width:17px; height:17px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.top-bar .top-bar-message { display:flex; justify-content:center; align-items:center; gap:8px; min-width:0; }
.uai-announcement-messages { display:grid; min-width:0; }
.uai-announcement-slide { grid-area:1 / 1; margin:0; align-self:center; overflow-wrap:anywhere; opacity:0; transform:translateY(6px); transition:opacity .32s ease,transform .32s ease; }
.uai-announcement-slide.is-current { opacity:1; transform:translateY(0); }
/* Reserve the tallest message's space so changing text never shifts the page. */
.uai-announcement-slide[hidden] { display:block !important; visibility:hidden; pointer-events:none; }
.uai-top-contact:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
@media(max-width:900px) {
  .top-bar .container { grid-template-columns:1fr 1fr; gap:6px 16px; }
  .top-bar .top-bar-message { grid-column:1 / -1; grid-row:1; }
}
@media(prefers-reduced-motion:reduce) { .uai-announcement-slide { transition:none; transform:none; } }
@media(max-width:600px) {
  .top-bar .container { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; }
  .top-bar .top-bar-left { display:flex; grid-row:1; gap:8px; }
  .top-bar .top-bar-left .uai-top-contact span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .top-bar .top-bar-message { grid-column:2; font-size:9px; letter-spacing:.06em; }
}
