/* Voxnovia Dambé — visual finishing only; wording and content remain unchanged. */
:root{--vd-ink:#173653;--vd-gold:#c69a46;--vd-paper:#fffaf0}
html{scroll-behavior:smooth;text-size-adjust:100%}
body{font-family:Manrope,Arial,sans-serif;color:var(--vd-ink);line-height:1.6}
main>.section,.oral-header .welcome-copy{max-width:1160px}
main>.section{margin-block:clamp(28px,5vw,64px);padding-block:clamp(25px,4vw,54px)}
main>.section p,main>.section li,.welcome-introduction p{line-height:1.72;letter-spacing:.005em}
main>.section p{margin-block:0 1em}
main>.section h2,.section-banner h2{line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
main>.section h3{line-height:1.28;letter-spacing:-.015em;text-wrap:balance}
.section-banner{height:auto!important;min-height:0!important;padding-block:clamp(18px,2.7vw,32px)!important;margin-block:0 clamp(20px,3vw,34px)!important}
.section-banner:empty,.section-banner:has(> :empty:only-child){display:none!important}
.section-banner h2,.section-banner p{margin-block:0!important}
.oral-header .welcome-copy .welcome-film{width:100%;margin-block:18px 24px!important}
.welcome-film .film-stage{overflow:hidden;border-radius:18px;box-shadow:0 14px 30px #102b3e22}
.hero-film-settings{margin-top:8px!important;padding:0!important}
.hero-film-settings>summary{padding:12px 4px!important;font-weight:750!important}
.hero-film-settings:not([open]){margin-bottom:0!important;min-height:0!important}
.hero-film-settings:not([open])>*:not(summary){display:none!important}

/* A large visual headset cue — recognizable before reading the audio label. */
.first-media>button.instant-media[data-audio]{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:14px!important;row-gap:2px!important;align-items:center!important;justify-items:start!important;text-align:left!important;min-height:98px!important;padding:12px 18px!important;border:2px solid #be9140!important;border-radius:18px!important;background:linear-gradient(120deg,#ffe9ab,#f4d185)!important;box-shadow:0 6px 16px #1736531a!important}
.first-media>button.instant-media[data-audio]::before{content:""!important;display:block!important;grid-column:1!important;grid-row:1/3!important;width:72px!important;height:72px!important;border-radius:18px!important;background:#173653 url('assets/headphones.svg') center / 54px no-repeat!important;box-shadow:0 3px 10px #17365325}
.first-media>button.instant-media[data-audio] strong{grid-column:2!important;grid-row:1!important;font-size:clamp(17px,2vw,22px)!important;line-height:1.28!important;font-weight:800!important}
.first-media>button.instant-media[data-audio] small{grid-column:2!important;grid-row:2!important;font-size:14px!important;line-height:1.35!important}
button[data-audio] .audio-person-badge{display:grid!important;place-items:center!important;min-width:40px!important;min-height:40px!important;background:#173653!important;border:2px solid white!important;border-radius:50%!important;box-shadow:0 3px 8px #17365344!important}
button[data-audio] .audio-person-badge img{display:block!important;width:28px!important;height:28px!important;filter:brightness(0) invert(1)!important}
button[data-audio] .audio-topic{font-size:clamp(17px,1.75vw,21px)!important;line-height:1.3!important;font-weight:750!important}
button[data-audio] .audio-listen-hint{font-size:14px!important;line-height:1.4!important}
button[data-audio],.first-media>button.instant-media{transition:transform .18s ease,box-shadow .18s ease}
button[data-audio]:hover,.first-media>button.instant-media:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1736532b!important}
button[data-audio]:focus-visible,.first-media>button.instant-media:focus-visible{outline:4px solid #a6472e!important;outline-offset:3px}
.profile-photo{border-radius:14px;object-fit:cover}
.profile-card,.service-price,.media-pane{box-shadow:0 6px 20px #17365312}
@media(max-width:700px){
  body{font-size:16px;line-height:1.62}
  main>.section{margin-block:22px!important;padding-block:23px!important}
  main>.section p,main>.section li,.welcome-introduction p{font-size:16px!important;line-height:1.65!important}
  main>.section h2,.section-banner h2{font-size:clamp(25px,7vw,34px)!important;line-height:1.2!important}
  main>.section h3{font-size:clamp(20px,5.5vw,26px)!important}
  .section-banner{padding:16px 18px!important;margin-bottom:20px!important;border-radius:16px!important}
  .first-media>button.instant-media[data-audio]{grid-template-columns:64px minmax(0,1fr)!important;column-gap:12px!important;min-height:88px!important;padding:10px 12px!important}
  .first-media>button.instant-media[data-audio]::before{width:62px!important;height:62px!important;background-size:47px!important;border-radius:15px!important}
  .first-media>button.instant-media[data-audio] strong{font-size:17px!important}
  .first-media>button.instant-media[data-audio] small{font-size:13px!important}
  .hero-film-settings>summary{font-size:15px!important;line-height:1.4!important}
  .welcome-film .film-stage{border-radius:14px!important}
  .profile-card,.service-price{margin-block:12px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button[data-audio],.first-media>button.instant-media{transition:none}}
/* Keep return links accessible without covering clip controls and headings mid-scroll. */
body .context-return:not([hidden]){position:absolute!important;top:8px!important;z-index:30!important}
/* The second, approved film is a featured chapter, never a hidden optional detail. */
details.supplementary-film[open]{display:block!important;margin-block:28px 42px!important}
details.supplementary-film[open]>summary{display:block!important;list-style:none!important;cursor:default!important;font-size:clamp(19px,3vw,25px)!important;font-weight:850!important;color:#173653!important;margin-bottom:18px!important}
details.supplementary-film[open]>summary::-webkit-details-marker{display:none}
details.supplementary-film[open]>.followup-film{padding-block:24px 32px!important}
/* Pricing must be as discoverable as the help offered, not an apologetic footnote. */
body.brand-refined .needs-guide a.need-price{display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:10px 15px!important;margin-top:17px!important;border:2px solid #bf9448!important;border-radius:12px!important;background:#fff4d7!important;color:#173653!important;font-size:16px!important;font-weight:850!important;line-height:1.4!important;text-decoration:none!important;box-shadow:0 3px 9px #17365314!important}
body.brand-refined .needs-guide a.need-price::before{content:"🧾";display:inline-grid;place-items:center;font-size:25px;line-height:1}
body.brand-refined .needs-guide a.need-price:focus-visible{outline:3px solid #a6472e;outline-offset:3px}

/* Final mobile reading pass: override the older, more specific homepage rules. */
body.brand-refined .oral-header .welcome-copy .welcome-introduction{margin:18px 0 22px!important;padding:0 3px!important}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>p{font-size:clamp(17px,2vw,19px)!important;line-height:1.82!important;letter-spacing:.005em!important;margin:0 0 23px!important;font-weight:450!important}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>p:first-child strong{font-weight:850!important;color:#173653}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>p.intro-payment{font-size:clamp(16px,1.8vw,18px)!important;line-height:1.75!important;border-left:4px solid #bd9145!important;padding:10px 0 10px 18px!important;margin:24px 0 24px!important;background:linear-gradient(90deg,#f6e6c329,transparent)!important}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>p.intro-payment strong{display:block!important;font-size:1.08em!important;line-height:1.55!important;margin-bottom:7px!important;font-weight:850!important}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>button[data-audio]{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;text-align:left!important;min-height:82px!important;padding:14px 18px!important;margin:22px 0 10px!important;border:2px solid #c49b4c!important;border-radius:17px!important;background:linear-gradient(110deg,#fff0c4,#f4d18d)!important;color:#173653!important;font-size:19px!important;font-weight:800!important;box-shadow:0 5px 16px #17365316}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>button[data-audio]>span{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:16px!important;background:#173653!important;color:white!important;font-size:31px!important}
body.brand-refined .oral-header .welcome-copy .welcome-introduction>button[data-audio] small{font-size:14px!important;font-weight:550!important}
body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:start!important;align-content:center!important;align-items:center!important;column-gap:15px!important;row-gap:5px!important;text-align:left!important;padding:14px 17px!important;min-height:105px!important;border-radius:18px!important;background:linear-gradient(120deg,#ffe9ae,#f4d185)!important;border:2px solid #be9140!important}
body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]::before{content:""!important;display:block!important;grid-column:1!important;grid-row:1/3!important;width:70px!important;height:70px!important;border-radius:16px!important;background:#173653 url('assets/headphones.svg') center/54px no-repeat!important}
body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]>strong{grid-column:2!important;grid-row:1!important;font-size:19px!important;line-height:1.35!important;text-align:left!important;font-weight:850!important}
body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]>small{grid-column:2!important;grid-row:2!important;font-size:14px!important;line-height:1.5!important;text-align:left!important}
body.brand-refined .oral-header .welcome-copy .essential-paths{margin:26px 0 28px!important;gap:12px!important}
body.brand-refined .oral-header .welcome-copy .essential-paths a{min-height:114px!important;padding:17px 12px!important;border-radius:15px!important;line-height:1.42!important}
body.brand-refined .oral-header .welcome-copy .welcome-film{margin-bottom:24px!important}
.welcome-film .hero-film-settings{margin-top:4px!important;margin-bottom:0!important;padding-bottom:0!important}
.welcome-film .hero-film-settings>summary{padding:9px 2px!important}
body.brand-refined main>.section p{line-height:1.8!important;margin-bottom:1.25em!important}
body.brand-refined main>.section h2{margin-bottom:18px!important}
body.brand-refined main>.section h3{margin-bottom:12px!important}
@media(max-width:700px){
 body.brand-refined .oral-header .welcome-copy .welcome-introduction>p{font-size:17px!important;line-height:1.82!important;margin-bottom:23px!important}
 body.brand-refined .oral-header .welcome-copy .welcome-introduction>p.intro-payment{font-size:16px!important;line-height:1.75!important;margin:22px 0 26px!important}
 body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]{grid-template-columns:64px minmax(0,1fr)!important;min-height:104px!important;padding:13px 12px!important;column-gap:12px!important}
 body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]::before{width:62px!important;height:62px!important;background-size:47px!important}
 body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]>strong{font-size:17px!important}
 body.brand-refined .oral-header .welcome-copy .first-media>button.instant-media[data-audio]>small{font-size:13px!important}
 body.brand-refined .oral-header .welcome-copy .essential-paths{gap:9px!important;margin:23px 0 24px!important}
 body.brand-refined .oral-header .welcome-copy .essential-paths a{min-height:100px!important;padding:13px 9px!important;font-size:14px!important}
}