/* A persistent, explicit label for preview environments only. */
html[data-site-environment] { --environment-banner-height: 36px; scroll-padding-top: calc(var(--environment-banner-height) + var(--environment-header-height, 0px)); }
.environment-banner { position: fixed; inset: 0 0 auto; z-index: 20000; display: flex; align-items: center; justify-content: center; gap: .6rem; height: var(--environment-banner-height); padding: 0 12px; box-sizing: border-box; font: 600 13px/1.2 Arial, sans-serif; letter-spacing: .06em; box-shadow: 0 1px 0 #0002; }
html[data-site-environment="staging"] .environment-banner { background: #ffdc49; color: #302706; }
html[data-site-environment="development"] .environment-banner { background: #b72f35; color: #fff; }
.environment-banner strong { font-weight: 700; }
.environment-banner-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1.5px solid currentColor; border-radius: 50%; font-size: 12px; }
.environment-banner-detail { letter-spacing: 0; font-weight: 400; }
html[data-site-environment] body:not(.manager) { padding-top: calc(var(--environment-banner-height) + var(--environment-header-height, 3em)); }
html[data-site-environment] body.manager { padding-top: var(--environment-banner-height); }
html[data-site-environment] #header { top: var(--environment-banner-height); }
html[data-site-environment] .testimonials-skip:focus, html[data-site-environment] .skip:focus { top: var(--environment-banner-height); z-index: 20001; }
@media (max-width: 980px) {
 html[data-site-environment] { --environment-banner-height: 32px; }
 html[data-site-environment] body:not(.manager) { padding-top: calc(var(--environment-banner-height) + var(--environment-header-height, 64px)); }
 html[data-site-environment] #header nav { max-height: calc(100dvh - 64px - var(--environment-banner-height)); }
}
@media (max-width: 480px) {
 .environment-banner { font-size: 12px; }
 .environment-banner-detail { display: none; }
}