
.song-hero,.song-reading,.song-preview{padding:72px max(6vw,24px);background:#f6f3eb;color:#183a37}.song-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.song-hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,80px);line-height:1.05;margin:18px 0 28px}.song-hero h1 em,.song-preview h2 em{color:#997c38}.song-hero p,.song-preview p{font-size:18px;line-height:1.75;max-width:620px}.song-player{background:#fff;padding:32px;border:1px solid #d8d3c7;border-radius:8px;min-width:0}.song-player h2{font-size:24px;margin-bottom:20px}.song-player audio{width:100%;display:block;margin:18px 0 24px}.song-button{display:inline-flex;background:#193d36;color:#fff;padding:15px 24px;border-radius:3px;text-decoration:none;line-height:1.4;font-size:16px}.song-button:hover{background:#2d5749}.song-button:focus-visible,.song-text-link:focus-visible{outline:3px solid #ad8f46;outline-offset:5px}.song-text-link{display:inline-block;margin:18px 22px 0 0;color:#193d36;text-decoration:underline;text-underline-offset:5px}.song-reading{background:#fff;max-width:1000px;margin:auto}.song-reading h2{font-size:38px;font-family:Georgia,serif;margin:12px 0 36px}.song-stanza{margin:0 0 30px;font-size:19px;line-height:1.85}.song-stanza h3{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#81692e;margin:40px 0 14px}.song-preview{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.song-preview h2{font-family:Georgia,serif;font-size:42px;line-height:1.15;margin:16px 0 24px}.song-preview .song-player{max-width:560px}.song-hero .section-label,.song-preview .section-label{font-size:12px;letter-spacing:2px;text-transform:uppercase}.song-meta{font-size:14px!important;color:#666}.song-footer-link{color:inherit;text-decoration:underline}.song-page .extract-nav{padding:24px max(6vw,24px)}
@media(max-width:900px){.song-hero,.song-preview{grid-template-columns:1fr;gap:28px;padding:44px 24px}.song-reading{padding:44px 24px}.song-player{padding:24px}.song-stanza{font-size:17px}.song-preview h2{font-size:36px}}

.song-label{display:flex;align-items:center;gap:12px}.song-label-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#e9e3d3;color:#80672e}.song-label-icon svg{display:block;width:21px;height:21px}

.song-label-logo{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:contain}.news-preview-grid .news-thumb[src="/assets/music-logo-bassens-2040-droit-v3.png"]{object-fit:contain;border:0;padding:8px;box-sizing:border-box}

/* La couverture accompagne le lecteur, sous un voile qui assure la lisibilité. */
.song-player{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;background-color:#071c27;background-image:linear-gradient(180deg,rgba(5,22,30,.76) 0%,rgba(5,22,30,.48) 40%,rgba(5,22,30,.93) 100%),url('/front-cover-centered.png');background-position:center,center 48%;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 36px rgba(7,28,39,.14);color:#fff}
.song-player h2,.song-preview .song-player h2{color:#fff;font-family:Georgia,serif;font-size:clamp(28px,3vw,38px);line-height:1.15;margin:0 0 auto;padding-bottom:54px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.song-player audio{flex:none;width:100%;margin:18px 0 24px;border-radius:30px}
.song-player .song-button{justify-content:center;background:#e9b86a;color:#071c27;text-align:center;box-sizing:border-box;font-weight:600}
.song-player .song-button:hover{background:#f3cf97}
.song-player .song-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.song-player .song-meta{color:#f1eee7;font-size:14px;line-height:1.5;margin:12px 0 0}
@media(max-width:900px){.song-player{min-height:380px}.song-preview .song-player{width:100%}}

.song-player .song-player-title>span{display:block}.song-player .song-player-title>em{display:block;margin-top:7px;font-size:clamp(18px,5.4vw,32px);font-style:italic;font-weight:400;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;color:#fff}

.song-player .song-player-title,.song-player .song-meta{text-align:center;width:100%;box-sizing:border-box}

/* Centre la carte même quand sa largeur maximale est atteinte en paysage. */
.song-preview .song-player,.song-hero .song-player{width:100%;max-width:560px;margin-inline:auto;justify-self:center}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){.song-preview,.song-hero{grid-template-columns:minmax(0,1fr)}}
