.audio-page{color:#183a37;background:#faf8f2}.audio-hero{padding:70px max(6vw,24px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr);gap:70px;align-items:center;background:#f1ede2}.audio-hero h1{font:clamp(40px,5.2vw,72px)/1.1 Georgia,serif;margin:20px 0 28px}.audio-hero h1 em{color:#917336}.audio-hero p{font-size:18px;line-height:1.8;max-width:670px;margin-bottom:18px}.audio-hero img{width:100%;max-width:280px;height:auto;justify-self:center;box-shadow:0 20px 35px #122c3526}.audio-hero .ui-action{max-width:390px;margin:24px 0 18px}.audio-hero .audio-note{font-size:13px;color:#53635d}.audio-page .extract-nav{padding:24px max(6vw,24px)}.audio-content{max-width:1150px;margin:auto;padding:52px 28px 72px;scroll-margin-top:30px}.audio-tools{display:flex;justify-content:space-between;gap:24px;align-items:center}.audio-tools p{margin:6px 0}.audio-tools label{font-size:14px;display:flex;flex-direction:column;gap:8px}.audio-tools select{font:inherit;padding:10px;border:1px solid #a2b0a7;border-radius:6px;background:white;color:#183a37}.audio-help{font-size:15px;line-height:1.7;color:#53635d;margin:22px 0 40px}.audio-section{margin-top:42px}.audio-section h2{font:28px/1.3 Georgia,serif;margin:0 0 20px}.audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audio-card{padding:25px;background:#fff;border:1px solid #d6dcd2;border-radius:10px;min-width:0}.audio-card.pending{background:#f2f2ec}.track-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.track-label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;margin:0;color:#54645d}.track-status{font-size:12px;background:#e5eee5;color:#28553b;padding:5px 9px;border-radius:20px}.pending .track-status{background:#e5e6df;color:#535e56}.audio-card h3{font:24px/1.35 Georgia,serif;margin:16px 0 24px}.audio-card audio{display:block;width:100%;height:54px}.audio-download{display:inline-block;margin-top:15px;color:#174b6b;text-decoration:underline;text-underline-offset:4px;font-size:14px}.pending-note{font-size:14px;color:#59665f;line-height:1.6}.audio-error{font-size:14px;color:#8f3429;margin-top:14px}.audio-skip{position:absolute;left:20px;top:-100px;background:white;padding:14px;z-index:10000}.audio-skip:focus{top:10px}.audio-page :focus-visible{outline:3px solid #936d20;outline-offset:4px}.audio-page footer{background:#0c2730;color:white;padding:40px 24px;text-align:center}.audio-page footer a{color:inherit}.audio-page footer p{margin:12px 0}.audio-entry h2{font:36px/1.2 Georgia,serif}
@media(max-width:700px){.audio-hero{grid-template-columns:1fr;gap:30px;padding:44px 24px}.audio-hero img{max-width:170px}.audio-hero .ui-action{width:100%;max-width:none}.audio-content{padding:35px 20px 56px}.audio-grid{grid-template-columns:1fr}.audio-tools{flex-direction:column;align-items:stretch}.audio-tools label{max-width:240px}.audio-section h2{font-size:25px}.audio-card{padding:20px}.audio-page .extract-nav{padding:20px 24px}.audio-hero h1{font-size:42px}}
/* Palette commune aux pages Actualités et aux boutons du site. */
.audio-page{background:#f3f6f8;color:#102a37}
.audio-page .extract-nav{background:#071c37;border-bottom:1px solid #ffffff20;color:#fff}
.audio-page .extract-nav .brand,.audio-page .extract-nav .brand span{color:#fff}
.audio-page .extract-nav .brand span{color:#e9b86a}
.audio-page .extract-nav .ui-action{background:#ffffff0c;border-color:#718595;color:#fff}
.audio-hero{background:radial-gradient(ellipse at 85% 35%,#244454 0%,#102a37 38%,#071c37 78%);color:#fff}
.audio-hero h1{letter-spacing:-.035em}
.audio-hero h1 em{color:#e9b86a}
.audio-hero .eyebrow{color:#e9b86a}
.audio-hero p{color:#dbe4ee}
.audio-hero .audio-note{color:#b9cdd9}
.audio-hero img{border-radius:5px;box-shadow:0 24px 60px #0007}
.audio-hero .ui-action.ui-action.ui-primary{background:#b9cdd9;border-color:#b9cdd9;color:#102632;font-weight:600}
.audio-hero .ui-action.ui-action.ui-primary:hover{background:#d5e2ea;border-color:#d5e2ea}
.audio-tools{padding:24px 28px;border:1px solid #dbe4eb;border-radius:14px;background:#fff;box-shadow:0 5px 24px #102a3705}
.audio-tools .eyebrow{color:#5f7a91}
.audio-tools p{color:#506778}
.audio-tools label{color:#284454;font-weight:600}
.audio-tools select{border-color:#c4d3de;background:#f3f6f8;color:#102a37}
.audio-help{color:#536c7c}
.audio-section h2{color:#102a37;padding-bottom:15px;border-bottom:1px solid #d4dfe6}
.audio-card{border:1px solid #d6e1e9;border-radius:14px;box-shadow:0 6px 24px #102a3705}
.audio-card.available{border-top:3px solid #6d95b2;background:linear-gradient(135deg,#fff,#f8fbfd)}
.track-label{color:#5f7a91;font-weight:600}
.track-status{background:#dfebf3;color:#244e6d;font-weight:600}
.audio-card h3{color:#102a37}
.audio-card audio{color-scheme:light;accent-color:#365f7d}
.audio-download{color:#315f80;font-weight:600}
.audio-download:hover{color:#071c37}
.audio-card.pending{background:#edf2f6;border-color:#dce5ec;box-shadow:none}
.pending .track-status{background:#e0e7ed;color:#566d7d}
.pending .track-label{color:#60798c}
.pending-note{color:#627888}
.audio-page footer{background:#071c37;color:#dbe4ee}
.audio-page :focus-visible{outline-color:#b98a40}
@media(max-width:700px){.audio-tools{padding:20px}.audio-hero{background:radial-gradient(ellipse at 90% 85%,#244454,#102a37 40%,#071c37 85%)}}

/* Couverture du livre en fond des cartes qui disposent d’un lecteur. */
.audio-card.available{display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;padding:28px;background-color:#102a37;background-image:linear-gradient(180deg,rgba(7,28,55,.75) 0%,rgba(7,28,55,.55) 40%,rgba(7,28,55,.94) 100%),url('/front-cover-centered.png');background-position:center,center 46%;background-size:cover;background-repeat:no-repeat;border:1px solid #365367;border-top:3px solid #b9cdd9;box-shadow:0 12px 28px #071c371a;color:#fff;overflow:hidden}
.available .track-heading{margin-bottom:12px}
.available .track-label{color:#d4e2ed}
.available .track-status{background:#dbe9f2;color:#17394e}
.available h3{color:#fff;text-shadow:0 2px 12px #0005;margin:12px 0 auto;padding-bottom:42px;font-size:28px}
.available audio{flex:none;margin-top:18px}
.available .audio-download{color:#e9b86a;align-self:flex-start}
.available .audio-download:hover{color:#fff}
.available .audio-error{color:#ffe2da}
.available :focus-visible{outline-color:#e9b86a}
@media(max-width:700px){.audio-card.available{min-height:320px;padding:24px}.available h3{font-size:26px;padding-bottom:38px}}

/* Une séquence de couleurs pour les cinq parties du livre. */
.audio-section{position:relative;isolation:isolate;margin-top:0;padding-block:36px}
.audio-section::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--part-background,#f3f6f8)}
.audio-section[aria-labelledby="group-1"]{--part-background:#dce8f3;--part-accent:#365f83}
.audio-section[aria-labelledby="group-2"]{--part-background:#dcebe5;--part-accent:#346553}
.audio-section[aria-labelledby="group-3"]{--part-background:#e0e6f4;--part-accent:#495e91}
.audio-section[aria-labelledby="group-4"]{--part-background:#f0e6d7;--part-accent:#856238}
.audio-section[aria-labelledby="group-5"]{--part-background:#e9e1ed;--part-accent:#775482}
.audio-section h2{border-bottom-color:var(--part-accent,#b4c4d0);border-bottom-width:2px;color:var(--part-accent,#102a37);padding-bottom:16px}
.audio-section .pending{background:#ffffffc9;border-color:#ffffffa6}
.audio-section .pending .track-status{background:#ffffffb8;color:var(--part-accent,#566d7d)}
.audio-section .pending .track-label{color:var(--part-accent,#60798c)}
.audio-section .pending h3{color:#102a37}
.audio-content{padding-bottom:0}
@media(max-width:700px){.audio-section{padding-block:30px}}

/* Fonds soutenus : chaque changement de partie doit être immédiatement visible. */
.audio-section[aria-labelledby="group-1"]{--part-background:#153956;--part-accent:#a8d3f1}
.audio-section[aria-labelledby="group-2"]{--part-background:#164b48;--part-accent:#a5dfce}
.audio-section[aria-labelledby="group-3"]{--part-background:#303c66;--part-accent:#c0cffc}
.audio-section[aria-labelledby="group-4"]{--part-background:#665037;--part-accent:#f1d3a5}
.audio-section[aria-labelledby="group-5"]{--part-background:#503b5c;--part-accent:#e3bfe9}
.audio-section[aria-labelledby="group-1"],.audio-section[aria-labelledby="group-2"],.audio-section[aria-labelledby="group-3"],.audio-section[aria-labelledby="group-4"],.audio-section[aria-labelledby="group-5"]{padding-block:48px;color:#fff}
.audio-section:not([aria-labelledby="group-0"]):not([aria-labelledby="group-6"]) h2{color:#fff;border-bottom-color:#ffffff50}
.audio-section:not([aria-labelledby="group-0"]):not([aria-labelledby="group-6"]) .pending{background:#ffffff0d;border-color:#ffffff38}
.audio-section:not([aria-labelledby="group-0"]):not([aria-labelledby="group-6"]) .pending h3{color:#fff}
.audio-section:not([aria-labelledby="group-0"]):not([aria-labelledby="group-6"]) .pending-note{color:#eef3f6}
.audio-section .pending .track-status{background:#ffffffed;color:#173447}
@media(max-width:700px){.audio-section[aria-labelledby]{padding-block:36px}}

.available h3 .audio-credit{display:block;margin-top:9px;font:400 18px/1.45 Arial,sans-serif;letter-spacing:0;color:#dbe4ee;text-shadow:none}
@media(max-width:700px){.available h3 .audio-credit{font-size:17px}}
