.scribe-announcements{flex-shrink:0;min-width:0;color:var(--ui-fg)}
.scribe-announcement-banner{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 20px}
.scribe-announcement-banner>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scribe-announcements button,.scribe-announcement-dialog button{min-height:44px;border:1px solid var(--ui-border);border-radius:8px;padding:8px 16px;background:var(--ui-surface);color:var(--ui-fg);cursor:pointer;font:inherit}
.scribe-announcements .scribe-announcement-open{margin:8px 20px;font-size:13px}
.scribe-announcement-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-bg);color:var(--ui-fg);overflow:auto}
.scribe-announcement-dialog::backdrop{background:#0009}
.scribe-announcement-dialog h2{font-size:22px;margin:0 0 20px}
.scribe-announcement-dialog h3{font-size:18px;margin:0 0 12px}
.scribe-announcement-dialog article{padding:16px 0;border-top:1px solid var(--ui-border)}
.scribe-announcement-body{line-height:1.8;overflow-wrap:anywhere;margin-bottom:16px}
.scribe-announcement-body :is(p,ul,ol,blockquote,pre){margin:8px 0}
.scribe-announcement-body :is(ul,ol){padding-left:24px}
.scribe-announcement-body a{text-decoration:underline}
.scribe-announcement-body pre{white-space:pre-wrap}
.scribe-announcement-dialog .scribe-announcement-close{margin-top:16px}
.scribe-announcements button:focus-visible,.scribe-announcement-dialog :is(button,a):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}