.site-update-notice { position: fixed; z-index: 100; bottom: 16px; right: 16px; max-width: min(420px, calc(100vw - 32px)); padding: 16px; border: 1px solid var(--card-border, #ddd); border-radius: 12px; background: var(--bg-elevated, #fff); color: var(--text-main, #222); box-shadow: 0 4px 20px #0002; font: inherit; }
.site-update-notice[hidden] { display: none; }
.site-update-notice p { margin: 0 0 12px; font-size: 14px; line-height: 1.5; }
.site-update-notice button { cursor: pointer; padding: 9px 14px; border: 1px solid var(--card-border, #ddd); border-radius: 8px; background: var(--bg-elevated, #fff); color: inherit; font: inherit; margin-right: 8px; }
.site-update-notice button:first-of-type { background: #246b37; color: #fff; border-color: #246b37; }
.site-update-notice button:focus-visible { outline: 2px solid #246b37; outline-offset: 3px; }