.site-version-bar { display: flex; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; padding: .55rem max(1rem, calc((100vw - 1320px) / 2)); border-top: 1px solid var(--color-border, #dce3eb); background: var(--color-surface, #fff); color: var(--color-text, #183249); font-size: .75rem; }
.site-version-form { display: flex; align-items: center; gap: .4rem; margin: 0; font-size: .75rem; }
.site-version-form label { font-weight: 700; }
.site-version-admin-badge { display: inline-flex; align-items: center; padding: .2rem .5rem; border: 1px solid #d8b76d; border-radius: 999px; background: #fff5da; color: #765115; font-size: .7rem; font-weight: 700; white-space: nowrap; }
.site-version-form select, .site-version-form button { font: inherit; color: inherit; background: var(--color-surface, #fff); border: 1px solid var(--color-border, #c5cfda); border-radius: .4rem; padding: .45rem .65rem; min-height: 36px; }
.site-version-form select:focus-visible, .site-version-form button:focus-visible { outline: 3px solid var(--site-primary, #145fad); outline-offset: 3px; }
.site-version-description { color: var(--color-text-muted, #526477); }
.site-review-notice { padding: 1rem 1.25rem; margin: 0 0 2rem; border: 1px solid var(--color-border, #cbd5e1); border-radius: .65rem; background: var(--color-surface-subtle, #f3f6f9); line-height: 1.6; }
.site-review-notice p { margin: .3rem 0 0; }
.site-review-notice a { text-decoration: underline; }
[hidden] { display: none !important; }
html[data-public-site="current"] .site-section[id], html[data-public-site="current"] .site-story-section[id] { scroll-margin-top: 10rem; }
@media (max-width: 720px) {
    .site-version-form { display: grid; justify-items: center; gap: .15rem; }
    .site-version-admin-badge { padding: 0; border: 0; background: transparent; color: #f3d08d; font-size: .6rem; }
    .site-version-form select { min-height: 30px; padding: .3rem .45rem; }
}