html, body { margin: 0; padding: 0; }
html { background: var(--surface-accent); }
.zz-page {
  min-height: 100vh;
  margin: 0;
  background: var(--surface-accent);
  color: var(--text-strong);
  font-family: var(--font-sans);
  padding: 0 var(--page-margin-desktop);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.site-footer { margin-top: auto; }
@media (max-width: 959px) { .zz-page { padding: 0 var(--page-margin-mobile); } }
.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
}
.site-header[data-revealing] { transition: transform 200ms ease-out; }
@media (prefers-reduced-motion: reduce) { .site-header[data-revealing] { transition: none; } }
.site-player {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 200ms ease-out, visibility 0s linear 200ms;
}
.site-player[data-open] {
  transform: none;
  visibility: visible;
  transition: transform 200ms ease-out;
}
@media (prefers-reduced-motion: reduce) { .site-player, .site-player[data-open] { transition: none; } }
body[data-player-open] { padding-bottom: var(--site-player-height, 0px); }
.site-toasts { --zz-toast-offset: var(--site-header-visible, 0px); }
html[data-header-revealing] .site-toasts { transition: top 200ms ease-out; }
@media (prefers-reduced-motion: reduce) { html[data-header-revealing] .site-toasts { transition: none; } }
.site-inline-link { color: inherit; text-decoration: none; }
@media (hover: hover) { .site-inline-link:hover { text-decoration: underline; } }   
h1[tabindex="-1"]:focus, h2[tabindex="-1"]:focus, main[tabindex="-1"]:focus, dialog[tabindex="-1"]:focus { outline: none; }
.site-menu {
  position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none;
  margin: 0; padding: 0; border: 0; background: var(--surface-accent); color: var(--text-strong);
}
.site-menu:not([open]) { display: none; }
.site-menu::backdrop { background: var(--surface-accent); }
@media (max-width: 959px) { .site-reserved__bracket, .site-reserved__action { display: none; } }