.topbar .announcement{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:560px;flex:1}
.announcement-items{min-width:0;text-align:center;line-height:1.4;overflow-wrap:anywhere}
.announcement [hidden]{display:none!important}
.announcement a{text-decoration:underline;text-underline-offset:3px}
.announcement-controls{display:flex;flex-shrink:0;align-items:center}
.announcement-controls button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;min-width:28px;min-height:28px;padding:3px}
.announcement button:focus-visible,.announcement a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.announcement-items>span{animation:announcement-in .3s ease-out}
@keyframes announcement-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.topbar{height:auto;min-height:36px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;gap:6px}.topbar .announcement{order:3;flex-basis:100%;max-width:none}.announcement-controls button{min-width:44px;min-height:44px}.announcement-items{font-size:12px}}
@media(prefers-reduced-motion:reduce){.announcement-items>span{animation:none}}