/* A consistent visitor path: film, people, situation, price, next steps. */
.oral-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.journey-nav-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#19364d;color:#fffaf1;font-size:12px;font-weight:700;line-height:1}
.journey-forward{display:flex;justify-content:flex-end;align-items:center;margin:28px 0 0;padding:24px 0 0;border-top:1px solid #cbb58e}
.journey-forward>.button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;min-height:52px;margin:0;padding:15px 22px;border:1px solid #c49a50;border-radius:12px;background:#f4ce79;color:#19364d;text-decoration:none;white-space:normal;text-align:left;font:700 17px/1.45 system-ui,sans-serif}
.journey-forward>.button:hover{background:#f8d99a}
.journey-forward>.button:focus-visible{outline:3px solid #b34a31;outline-offset:4px}
.contact-practical{margin-top:38px;padding-top:28px;border-top:1px solid #cbb58e;text-align:left}
.contact-practical .meet-simple{padding-top:0}
.contact-practical .languages{margin:0;padding:24px;background:#f4ecdc;color:#19364d;border-radius:16px}
.contact-practical .languages h2{font-size:26px;line-height:1.3}
.contact-practical .languages p{font-size:17px;line-height:1.6}
.journey-heading-number{display:inline-block;margin-right:12px;font:700 15px/1 system-ui,sans-serif;color:#f4ce79;vertical-align:middle}
.written-version .welcome-repeat{margin-top:20px;padding-top:16px;border-top:1px solid #cbb58e}
.written-welcome-detail{padding-top:16px}
.written-version .written-welcome-detail .section-banner{margin:0 0 20px;border-radius:14px}
.written-version .written-welcome-detail h2{font-size:24px}
.written-shortcuts a{gap:8px}
@media(max-width:700px){.oral-nav a{font-size:14px;line-height:1.4}.journey-forward{padding-top:20px;margin-top:24px}.journey-forward>.button{width:100%;font-size:16px;padding:14px 16px}.contact-practical .languages{padding:20px}}

/* Explain the visit before the first film, in a short readable introduction. */
.oral-header .welcome-guide{order:2;margin:16px 0 18px;padding:15px 18px;border-left:3px solid #c49a50;background:#f5ecda;border-radius:0 12px 12px 0;color:#19364d;text-align:left}
.oral-header .welcome-guide p{margin:0;font-size:17px;line-height:1.5}
.oral-header .welcome-guide .welcome-guide-title{font-weight:700;margin-bottom:6px}
.oral-header .welcome-guide .welcome-guide-note{margin-top:7px;font-size:15px}
.oral-header .welcome-copy .welcome-actions{order:3}
.oral-header .welcome-copy .welcome-free{order:4}
@media(max-width:700px){.oral-header .welcome-guide{margin:4px 0 16px;padding:13px 15px}.oral-header .welcome-guide p{font-size:16px}.oral-header .welcome-guide .welcome-guide-note{font-size:15px}}

.contact .contact-direct .contact-phone{display:inline-flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}.contact .contact-direct .contact-number{display:block;white-space:nowrap;font-size:16px;font-weight:500}

/* An unmistakable listening action, with a visible playing state. */
body button[data-audio]{border:2px solid #a36b19!important;box-shadow:0 5px 0 #a36b1926,0 10px 24px #19364d12!important;background:#f8d37d!important;text-align:left!important}
body button[data-audio] .audio-speaker-mark{background:#19364d!important;width:56px!important;height:56px!important;flex-basis:56px!important}
body button[data-audio] .audio-speaker-mark img{filter:brightness(0) invert(1);width:38px!important;height:38px!important}
body button[data-audio] .audio-subject-label{display:flex;flex-direction:column;gap:6px}
body button[data-audio] .audio-listen-badge{font:800 15px/1.3 system-ui,sans-serif;letter-spacing:.05em;color:#19364d}
body button[data-audio] .audio-topic{font-weight:700;line-height:1.35}
body button[data-audio] .audio-listen-hint,body button[data-audio] .audio-pause-hint{font:500 15px/1.4 system-ui,sans-serif;color:#19364d}
body button[data-audio] .audio-pause-hint{display:none}
body button[data-audio].is-playing{border-color:#286149!important;background:#e0efde!important}
body button[data-audio].is-playing .audio-listen-hint{display:none}
body button[data-audio].is-playing .audio-pause-hint{display:block}
body button[data-audio]:focus-visible{outline:3px solid #19364d!important;outline-offset:5px}
.written-version .audio{border:2px solid #a36b19;box-shadow:0 5px 0 #a36b1926}
.written-version .audio>strong{display:block;font-size:24px;line-height:1.4;color:#19364d}
@media(max-width:650px){body button[data-audio] .audio-subject-image{display:none!important}body button[data-audio]{gap:14px!important;padding:16px!important;min-height:130px!important}body button[data-audio] .audio-speaker-mark{width:50px!important;height:50px!important;flex-basis:50px!important}}

.language-panel.language-panel-visible{padding:16px 18px;margin-bottom:12px}.language-panel-visible h2{font:700 16px/1.4 system-ui,sans-serif;margin:0 0 10px}.language-panel-visible .language-links{display:flex!important;flex-wrap:wrap;gap:8px}.language-panel-visible .language-links a{gap:7px;padding:8px 12px;min-height:48px;font-size:14px}.language-panel-visible .language-flag{font-size:25px;line-height:1}.language-panel-visible>p{font-size:14px;margin-bottom:12px}
