.bb-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.bb-top-actions [hidden]{display:none!important}
.bb-announcement-bell{width:44px;height:44px;min-width:44px;display:grid;place-items:center;position:relative}
.bb-announcement-bell svg{width:21px;height:21px}
.bb-announcement-bell:focus-visible,.bb-announcement-drawer button:focus-visible{outline:3px solid #668fb3;outline-offset:3px}
.bb-announcement-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line2,#d5dee6);padding:0;background:var(--page,#f9f7f2);color:var(--ink,#243a4d);box-shadow:-16px 0 50px rgba(0,0,0,.18);overflow-y:auto;overscroll-behavior:contain}
.bb-announcement-drawer::backdrop{background:rgba(18,32,44,.38)}
.bb-announcement-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--page,#f9f7f2);border-bottom:1px solid var(--line2,#d5dee6)}
.bb-announcement-header h2{margin:0;font-size:20px;border:0;padding:0}
.bb-announcement-header button{min-height:44px}
.bb-announcement-content{padding:4px 22px calc(24px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
.bb-announcement-content .bb-announcements>h2{display:none}
.bb-announcement-content .bb-announcements .card{padding:16px}
.bb-announcement-content .bb-announcements button{min-height:44px}
@media(max-width:640px){.bb-top-actions{gap:6px}.bb-announcement-header{padding:14px 16px}.bb-announcement-content{padding:4px 16px calc(20px + env(safe-area-inset-bottom))}}