.site-announcement{position:sticky;top:var(--site-navigation-height,var(--header-height,76px));z-index:19;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;box-sizing:border-box;padding:8px 24px;background:var(--color-green-soft,#e9efdf);border-bottom:1px solid var(--color-border,#d4decf);color:var(--color-green-dark,#234a34);font:inherit;font-size:.78rem;line-height:1.5}
.site-announcement-copy{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}.site-announcement-copy span{overflow-wrap:anywhere}.site-announcement-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.site-announcement a,.site-announcement button{font:inherit;color:inherit}.site-announcement a,.site-announcement-actions button:not(.site-announcement-dismiss){text-decoration:underline;text-underline-offset:3px}.site-announcement button{border:0;background:transparent;cursor:pointer;padding:4px}.site-announcement .site-announcement-dismiss{display:grid;place-items:center;width:36px;min-height:32px;font-size:1.3rem}.site-announcement :focus-visible,.announcement-dialog :focus-visible{outline:2px solid var(--color-green-dark,#234a34);outline-offset:3px}
html.has-site-announcement{scroll-padding-top:calc(var(--site-navigation-height,var(--header-height,76px)) + var(--site-announcement-height,0px))}
.announcement-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:1px solid var(--color-border);border-radius:18px;padding:24px;background:var(--color-ivory,#fafbf7);color:var(--color-green-dark,#234a34);font-family:inherit}.announcement-dialog::backdrop{background:#18382b40}.announcement-dialog h2{font-size:1.3rem;margin:0 0 1rem}.announcement-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.7}.announcement-dialog button{font:inherit;border:1px solid var(--color-border);background:var(--color-surface,white);color:inherit;border-radius:20px;min-height:42px;padding:8px 18px;cursor:pointer}
@media(min-width:701px){html.has-site-announcement body[data-studio=customize] .moklip-preview{top:calc(var(--site-navigation-height,76px) + 12px + var(--site-announcement-height,0px))}html.has-site-announcement .account-page .account-sidebar{top:calc(var(--site-navigation-height,76px) + 34px + var(--site-announcement-height,0px))}}
@media(max-width:620px){.site-announcement{align-items:flex-start;gap:8px;padding:8px 12px;font-size:.72rem}.site-announcement-copy{display:block}.site-announcement-copy strong{display:block}.site-announcement-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-announcement .site-announcement-dismiss{width:28px;min-height:28px}}