html body .tc-announcement{position:fixed;top:64px;left:0;right:0;height:36px;z-index:89;display:flex;align-items:center;gap:10px;padding:0 24px;background:var(--ui-surface);color:var(--ui-text);border-bottom:1px solid var(--ui-border);font:600 12px/20px var(--ui-font)}
.tc-announcement>i{color:var(--ui-accent);flex-shrink:0}
html body .tc-announcement button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:4px}
html body .tc-announcement .tc-announcement-open{text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .tc-announcement :is(.tc-announcement-next,.tc-announcement-prev){font-size:22px;width:28px;flex-shrink:0}
html body:has(.tc-announcement) .page_container{padding-top:100px!important}
@media(min-width:821px){html[data-ui-layout=topnav] body .tc-announcement{top:120px}html[data-ui-layout=topnav] body:has(.tc-announcement) .page_container{padding-top:156px!important}}
@media(max-width:640px){html body .tc-announcement{padding-inline:12px;gap:6px}}
html body .tc-announcement-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:80dvh;padding:28px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);font-family:var(--ui-font);overflow:auto}
.tc-announcement-dialog::backdrop{background:color-mix(in srgb,var(--ui-accent-ink) 70%,transparent)}
.tc-announcement-dialog h2{font-size:22px;margin:0 24px 16px 0;overflow-wrap:anywhere}
.tc-announcement-dialog p{white-space:pre-line;overflow-wrap:anywhere;font-size:14px;line-height:1.65;color:var(--ui-muted)}
.tc-announcement-dialog a{color:var(--ui-text);font-size:14px;font-weight:700}
html body .tc-announcement-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--ui-muted);font-size:24px;cursor:pointer}

/* Balance both sides so the icon + text group is centered in the content area. */
html body .tc-announcement{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:0}
.tc-announcement::before{content:""}
html body .tc-announcement .tc-announcement-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;overflow:hidden}
.tc-announcement-open>i{color:var(--ui-accent);flex-shrink:0}
.tc-announcement-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-announcement-controls{display:flex;align-items:center}