/* V420 shared responsive surface: charcoal/crimson palette and stable page geometry. */
:root {
}
html { }
body:not(.wk-premiere-canvas) { }

/* Three stable header tracks keep navigation and language controls independent. */
html body header.site-header .container.nav {
}
html body header.site-header .nav > .brand { }
html body header.site-header .nav > .nav-links {
}
html body header.site-header .nav > .nav-links > a {
}
html body header.site-header .nav > .wk-language-picker {
}
html body header.site-header .wk-language-picker > button { }

/* Depth and polish without hover movement or lost keyboard focus. */
html body :is(button, .btn, .social, [role="button"]) {
}
html body :is(button, .btn, .social, [role="button"]):hover { }
html body :is(button, .btn, .social, [role="button"]):focus-visible,
html body a:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible {
}
html body .btn-primary,
html body button[type="submit"],
html body .wk-package-download {
}

/* Footer columns and social row share the same responsive layout system. */
html body .footer .container .footer-grid {
}
html body .footer .container .footer-grid > *,
html body .footer .container .wk-footer-privacy > * { }
html body .footer .container .footer-social-bottom {
}
html body .footer .container .footer-social-bottom .socials {
}
html body .footer .container .social { }

@media (max-width: 900px) {
  html body header.site-header .container.nav {
  }
  html body header.site-header .nav > .brand { }
  html body header.site-header .nav > .menu {
  }
  html body header.site-header .nav > .wk-language-picker { }
  html body header.site-header .nav > .nav-links { }
  html body header.site-header .nav.open > .nav-links {
  }
  html body header.site-header .nav.open > .nav-links > a {
  }
  html body .footer .container .footer-grid { }
}

@media (max-width: 600px) {
  html body header.site-header .container.nav {
  }
  html body header.site-header .nav > .menu { }
  html body header.site-header .wk-language-picker > button { }
  html body header.site-header .nav.open > .nav-links { }
  html body .footer .container .footer-grid { }
  html body .footer .container .copyright { }
  html body .footer .container .socials { }
  html body .footer .container .social { }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(button, .btn, .social, [role="button"]) { }
}

/* Override the legacy Contact no-wrap exception so translated labels share grid space. */
html body header.site-header div.container.nav > nav.nav-links > a[data-wk-i18n-key="wk.nav.contact"] {
}

/* V420 desktop header: fixed non-wrapping link row between brand and language control. */
@media (min-width: 901px) {
  html body header.site-header .container.nav { }
  html body header.site-header .nav > .nav-links {
  }
  html body header.site-header .nav > .nav-links > a {
  }
}

/* V420 Echoes reserves room before content and media controls hydrate. */
html body .wk-echoes-page { }
html body .wk-echoes-hero { }
html body :is(.wk-echoes-console, .wk-fan-console) {
}
html body :is(.wk-fan-entries, #wkEchoesList) {
}
html body :is(.wk-echo-modal-panel, .wk-fan-form) {
}
html body :is(.wk-echo-message-composer, .wk-fan-message-editor, .wk-fan-message-wrap) {
}
html body :is(.wk-tts-player, .wk-text-to-speech-player, [data-wk-tts-player]) {
}
html body :is(.wk-audio-visualizer, .wk-voice-visualizer, [data-wk-audio-visualizer], [data-wk-voice-visualizer]) {
}

/* Remove motion that changes layout position; retain the requested subtle page transition. */
html body * {
}
html body :is(.wk-echoes-page, .wk-echoes-console, .wk-fan-console, .wk-echo-modal-panel,
  .wk-echo-message-composer, .wk-fan-message-editor, .wk-tts-player,
  .wk-text-to-speech-player, [data-wk-tts-player], .wk-audio-visualizer,
  .wk-voice-visualizer, [data-wk-audio-visualizer], [data-wk-voice-visualizer]) {
}
::view-transition-old(root),
::view-transition-new(root) {
}

/* Keep fixed/sticky shells untransformed so their overlays retain viewport anchoring. */
html body :is(.wk-echoes-page, .wk-echoes-console, .wk-fan-console, .wk-echo-modal-panel) {
}
html body :is(.wk-echo-message-composer, .wk-fan-message-editor, .wk-tts-player,
  .wk-text-to-speech-player, [data-wk-tts-player], .wk-audio-visualizer,
  .wk-voice-visualizer, [data-wk-audio-visualizer], [data-wk-voice-visualizer]) {
}


/* V420 Echoes CLS guard reserves speech and composer geometry before hydration. */
html body .wk-echoes-page :is(.wk-echo-message-composer, .wk-fan-message-editor, .wk-fan-message-wrap) { }
html body .wk-echoes-page :is(.wk-tts-player, .wk-text-to-speech-player, [data-wk-tts-player]) { }
html body .wk-echoes-page :is(.wk-audio-visualizer, .wk-voice-visualizer, [data-wk-audio-visualizer], [data-wk-voice-visualizer]) { }

/* Preserve Contact as a fixed desktop link despite its legacy template override. */
@media (min-width: 901px) {
  html body header.site-header div.container.nav > nav.nav-links > a[data-wk-i18n-key="wk.nav.contact"] {
  }
}
/* V420 stabilized navigation and Echoes reservation. */
@media (min-width: 901px) {
  html body header.site-header .nav > .nav-links {
  }
  html body header.site-header .nav > .nav-links > a {
  }
  html body header.site-header div.container.nav > nav.nav-links > a[data-wk-i18n-key="wk.nav.contact"] {
  }
}
html body .wk-echoes-page #wkEchoesList.wk-fan-entries {
}

/* V420: keep Echoes desktop navigation labels on one line and center each label in its button. */
@media (min-width: 901px) {
  html body header.site-header .container.nav > nav.nav-links.nav-links-echoes {
  }
  html body header.site-header .container.nav > nav.nav-links.nav-links-echoes > a {
  }
}

/* V420: Echoes desktop nav uses intrinsic-width links; Contact is vertically centered. */
@media (min-width: 901px) {
  html body header.site-header .container.nav > nav.nav-links.nav-links-echoes {
  }
  html body header.site-header .container.nav > nav.nav-links.nav-links-echoes > a {
  }
  html body header.site-header .container.nav > nav.nav-links.nav-links-echoes > a[data-wk-i18n-key="wk.nav.contact"] {
  }
}
/* V420: normalize primary desktop navigation buttons and center every label. */
@media (min-width: 901px) {
  html body header.site-header .container.nav > nav.nav-links > a {
  }
  html body header.site-header .container.nav > nav.nav-links {
  }
}
/* V420 keeps expensive rendering hints on moving components only. Page shells stay untransformed so sticky and fixed UI remain correctly anchored. */
@media (prefers-reduced-motion: no-preference) {
  html body .wk-fan-entry,
  html body .wk-fan-pagination {
  }
}
/* Keep document navigation immediate; page-wide cross-document transitions caused a visible delay. */
@view-transition { navigation: none; }
::view-transition-old(root),
::view-transition-new(root) {
}
/* Keep Echoes avatar geometry stable during keyed comment refreshes. */
.wk-fan-entry > img {
}
/* V441: the Echoes reconciler is the sole owner of viewport anchoring. */
html body .wk-echoes-page #wkEchoesList.wk-fan-entries { }

/* V443: consistent full-viewport minimum for page content wrappers. */
body > main{}
.wk-media-page{}