/* Scoped mobile alignment and VOICE headline polish. */
.voice-refined .statement h1 .voice-headline-first {color:inherit;}
.voice-refined .form-row .button .signup-arrow {display:block;width:22px;height:22px;flex:0 0 22px;}
@media(max-width:700px) {
  body.cinematic-site .home-share-button {display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center;}
  body.cinematic-site .ward-banner .ward-copy>.action {display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center;}
  .voice-refined .statement {padding-left:20px;padding-right:20px;}
  .voice-refined .statement .eyebrow {white-space:nowrap;text-align:center;font-size:clamp(11px,calc((100vw - 40px) / 24),26px);letter-spacing:.06em;}
  .voice-refined .statement h1 {text-align:center;font-size:clamp(26px,calc((100vw - 40px) / 10.25),64px);line-height:1.12;letter-spacing:0;}
  .voice-refined .statement h1>span {white-space:nowrap;}
  .voice-refined .form-row .button {align-items:center;}
}

/* Home call-to-action alignment on phones and adapted laptop layouts. */
@media(max-width:1200px) {
  body.audioworlds-home.cinematic-site #share-whisperworld.home-share-button,
  body.audioworlds-home.cinematic-site .ward-banner .ward-copy>.action {
    display:flex!important;width:fit-content;max-width:100%;
    margin-left:auto!important;margin-right:auto!important;
    align-self:center;justify-self:center;justify-content:center;
  }
}

/* Keep the document within the viewport; local carousels retain their own scrolling. */
@media(max-width:1200px) {
  html:has(body.audioworlds-home),body.audioworlds-home {max-width:100%;overflow-x:clip;}
  body.audioworlds-home #site,body.audioworlds-home #main,
  body.audioworlds-home .hero+.wrap {min-width:0;max-width:100%;box-sizing:border-box;}
  body.audioworlds-home .hero+.wrap>*,body.audioworlds-home .split>*,
  body.audioworlds-home .ward-copy,body.audioworlds-home .home-beta-content {min-width:0;}
}

/* Align the desktop journal heading with the neighbouring editorial headings. */
@media(min-width:1000px) {
  body.audioworlds-home #home-collection .ward-journal-head {
    padding-left:calc(clamp(28px,4vw,56px) - 32px);
  }
}

/* One visible wordmark size, in the existing brand positions. */
:root {--aw-wordmark-width:400px;--aw-wordmark-height:40px;}
body .header .brand,body .aw-header .brand,body>header .brand {
  width:var(--aw-wordmark-width)!important;max-width:100%!important;flex:none;
}
body .header .brand svg,body .header .brand img,body .aw-header .brand svg,body .aw-header .brand img,body>header .brand img {
  display:block;width:100%!important;height:var(--aw-wordmark-height)!important;object-fit:contain;
}
body #player-toolbar>.logo,body.first-contact-active #player-toolbar>.logo,
body #entry-gate .entry-brand,body .beta-brand {
  width:var(--aw-wordmark-width)!important;max-width:100%!important;
  height:var(--aw-wordmark-height)!important;max-height:none!important;object-fit:contain;flex-shrink:0;
}
@media(max-width:700px) {
  :root {--aw-wordmark-width:min(270px,calc(100vw - 112px));--aw-wordmark-height:27px;}
}

/* Shared VOICE-inspired footer: equal side tracks keep Privacy truly centred. */
body #aw-site-footer {
  box-sizing: border-box;
  width: 92%; max-width: none; margin: 0 auto;
  padding: 28px 0 32px; border: 0; border-top: 1px solid #34434c;
  display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center; gap: 20px;
  color: #a9b7bf; background: none;
  font: 400 16px/1.5 Interface,Arial,sans-serif; letter-spacing: .08em;
  text-align: left;
}
body #aw-site-footer a {
  display: inline-flex; align-items: center; min-height: 44px;
  margin: 0; padding: 0; color: inherit; text-decoration: none;
  justify-self: start;
}
body #aw-site-footer .aw-footer-privacy {
  justify-self: center; font-size: 12px; letter-spacing: normal;
}
body #aw-site-footer > span {margin: 0; text-align: right; justify-self: end;}
body #aw-site-footer a:hover {color: #ebc471;}
body #aw-site-footer a:focus-visible {outline: 2px solid #ebc471; outline-offset: 5px;}
@media(max-width:700px) {
  body #aw-site-footer {
    width: calc(100% - 40px); grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    padding: 20px 0 28px; gap: 8px 12px; font-size: 12px; letter-spacing: .04em;
  }
  body #aw-site-footer > a:first-child {max-width: 100%; font-size: 11px;}
  body #aw-site-footer > span {grid-column: 1 / -1; justify-self: center; text-align: center; font-size: 13px;}
}

body #aw-site-footer a {text-transform:none;letter-spacing:normal;}
@media(max-width:700px) {
  body #aw-site-footer {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;text-align:center;}
  body #aw-site-footer > a:first-child,body #aw-site-footer .aw-footer-privacy {font-size:13px;}
  body #aw-site-footer > span {flex-basis:100%;}
}

/* One gold control edge across Audioworlds. Delivered after page styles on
   Audioworlds hosts only. Card frames and WARD's blue status controls are separate. */
:root {
  --aw-button-edge: 1px;
  --aw-button-gold: #ebc47199;
  --aw-button-gold-hover: #f5d891;
  --aw-button-radius: 7px;
  --aw-button-shadow: inset 0 1px 0 #fff5e51f, 0 8px 24px #0003;
  --aw-button-shadow-hover: inset 0 1px 0 #fff5e52e, 0 8px 24px #0003;
}

.cinematic-site .action:not(.home-share-button),
body.cinematic-site #share-whisperworld:not(.home-share-button),
#beta-screen #beta-submit,
#beta-screen #beta-preview,
#beta-screen .beta-gift .gift-play,
#share-panel .share-options :is(a,button),
.choices button,
.player-settings #resumemenu {
  border: var(--aw-button-edge) solid var(--aw-button-gold);
  border-radius: var(--aw-button-radius);
  box-shadow: var(--aw-button-shadow);
}

/* Hover increases contrast, never edge thickness or an extra outer gold glow. */
.cinematic-site .action:not(.home-share-button):hover,
body.cinematic-site #share-whisperworld:not(.home-share-button):hover,
#beta-screen #beta-submit:hover,
#beta-screen #beta-preview:hover,
#beta-screen .beta-gift .gift-play:hover,
#share-panel .share-options :is(a,button):hover,
.choices button:hover,
.player-settings #resumemenu:hover {
  border-color: var(--aw-button-gold-hover);
  box-shadow: var(--aw-button-shadow-hover);
}

/* Circular icon rims retain their shape and use the same single gold edge. */
.cinematic-site .feature .arrow {
  border: var(--aw-button-edge) solid var(--aw-button-gold);
}
.cinematic-site .feature:is(:hover,:focus-visible) .arrow {
  border-color: var(--aw-button-gold-hover);
}

/* Keyboard focus is an intentionally separate, offset accessibility ring. */
.cinematic-site .action:focus-visible,
.cinematic-site .home-beta-actions .action:focus-visible,
body.cinematic-site #share-whisperworld:focus-visible,
#beta-screen #beta-submit:focus-visible,
#beta-screen #beta-preview:focus-visible,
#beta-screen .beta-gift .gift-play:focus-visible,
#share-panel .share-options :is(a,button):focus-visible,
.choices button:focus-visible,
.player-settings #resumemenu:focus-visible {
  outline: 2px solid #ebc471;
  outline-offset: 4px;
}

/* Consistent controls; hero PLAY deliberately excluded from this layer. */
body .aw-control.aw-control {
 display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;box-sizing:border-box !important;
 min-height:54px !important;padding:14px 24px !important;border:1px solid #ebc47199 !important;border-radius:7px !important;
 background:linear-gradient(125deg,#efe0c714,#b1cce106 55%,#e8c28c0b),#08141fcc !important;
 color:#f3efe4 !important;font-size:16px !important;font-weight:400 !important;line-height:1.5 !important;letter-spacing:.08em !important;
 box-shadow:var(--aw-button-shadow) !important;text-decoration:none !important;
 transition:background-color .2s,border-color .2s,color .2s !important;
}
body .aw-control.aw-control:is(:hover,:focus-visible){border-color:#f5d891 !important;background-color:#192c3de6 !important;color:#fff8e8 !important;box-shadow:var(--aw-button-shadow-hover) !important;transform:none}
body .aw-control.aw-control:focus-visible,body .aw-icon-button:focus-visible{outline:2px solid #ebc471 !important;outline-offset:4px}
body .aw-control .aw-icon,body .aw-icon {width:22px !important;height:22px !important;flex:0 0 22px !important;color:#ebc471 !important;vertical-align:middle}
body .aw-icon-button{min-width:44px !important;min-height:44px !important;display:inline-flex !important;align-items:center !important;justify-content:center}
body .aw-control.aw-control svg{width:22px !important;height:22px !important;flex:0 0 22px}
body .aw-control.aw-control .beta-preview-label{order:0!important}
body .aw-control.aw-control .beta-preview-title{font:inherit !important;letter-spacing:inherit}
body .aw-control.aw-control > span:empty{display:none}
body .soundscape-play-icon{stroke-width:1.7 !important;color:#ebc471}
@media(max-width:700px){body .aw-control.aw-control{padding:13px 20px !important;min-height:52px}}
@media(prefers-reduced-motion:reduce){body .aw-control.aw-control{transition:none}}
body .aw-control[hidden],body .aw-icon-button[hidden]{display:none!important}
@media(max-width:700px){body .aw-control.aw-control{min-height:52px!important}}
@media(prefers-reduced-motion:reduce){body .aw-control.aw-control{transition:none!important}}

/* Compact collection filters on phones; preserve desktop wording and layout. */
@media(max-width:700px){
 .ward-tabs .aw-desktop-word{display:none}
 .cinematic-site .ward-collection-shell .ward-tabs button{min-height:44px;height:auto;padding:8px 10px;font-size:14px!important;line-height:1.5!important;white-space:nowrap;min-width:0}
}