.announcement-banner{background:#1c3040;color:#fff;border-bottom:1px solid #bfa464;padding:10px max(24px,calc((100% - 1240px)/2));position:relative;z-index:5;font-family:Arial,sans-serif}
.announcement-banner[hidden],.announcement-banner [hidden]{display:none!important}
.announcement-banner-item{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px 24px;padding:10px 0;min-height:44px;line-height:1.4}
.announcement-banner-item+.announcement-banner-item{border-top:1px solid #ffffff25}
.announcement-title{font-weight:700;font-size:16px;color:#edd59b}
.announcement-body{font-size:14px;color:#edf0f4}
.announcement-link-label{margin-left:auto;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.announcement-link-label::after{content:' →';display:inline-block;margin-left:8px;text-decoration:none}
.announcement-banner-item:hover .announcement-link-label{color:#edd59b}
.announcement-banner a:focus-visible,.announcement-banner button:focus-visible{outline:3px solid #edd59b;outline-offset:3px;border-radius:3px}
.announcement-banner.is-enhanced{display:flex;align-items:center;gap:24px}
.announcement-banner.is-enhanced .announcement-banner-item{flex:1;border:0;min-width:0}
.announcement-viewport{flex:1;min-width:0;overflow:hidden;padding:4px}
.announcement-banner.is-scrolling .announcement-banner-item{width:max-content;max-width:none;flex-wrap:nowrap;white-space:nowrap;gap:24px;will-change:transform}
.announcement-banner.is-scrolling .announcement-title,.announcement-banner.is-scrolling .announcement-body,.announcement-banner.is-scrolling .announcement-link-label{flex-basis:auto;margin-left:0;padding-top:0;white-space:nowrap}
.announcement-controls{display:flex;align-items:center;gap:2px;flex:none}
.announcement-controls button{border:1px solid #ffffff45;background:transparent;color:#fff;min-width:44px;min-height:44px;border-radius:4px;padding:8px;font:inherit;cursor:pointer}
.announcement-controls button:hover{background:#ffffff15}
.announcement-count{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
.announcement-controls .announcement-pause{font-size:12px;margin-left:6px;min-width:60px}
@media(max-width:900px){.announcement-banner-item{flex-wrap:wrap;gap:4px 16px}.announcement-title{flex-basis:100%}.announcement-link-label{margin-left:0}.announcement-banner.is-enhanced{gap:12px}}
@media(max-width:600px){.announcement-banner{padding:12px 20px}.announcement-banner.is-enhanced{gap:10px}.announcement-banner-item{padding:0;gap:5px}.announcement-title,.announcement-body,.announcement-link-label{flex-basis:100%}.announcement-link-label{padding-top:3px;white-space:normal}.announcement-controls{justify-content:flex-end}.announcement-banner.is-enhanced:not(.is-scrolling){flex-wrap:wrap}.announcement-banner:not(.is-scrolling) .announcement-viewport{flex-basis:100%}.announcement-banner:not(.is-scrolling) .announcement-controls{margin-left:auto}.announcement-banner.is-scrolling .announcement-controls{gap:0}.announcement-banner.is-scrolling .announcement-count{min-width:36px}.announcement-banner.is-scrolling .announcement-pause{min-width:48px;margin-left:2px}}
@media(max-width:600px){.announcement-banner.is-enhanced.has-multiple{flex-wrap:wrap}.announcement-banner.has-multiple .announcement-viewport{flex-basis:100%}.announcement-banner.has-multiple .announcement-controls{margin-left:auto}}