:root{
  --ink:#152633;
  --navy:#061725;
  --navy2:#0b2232;
  --gold:#c99a3d;
  --gold2:#e2b75c;
  --blue:#527f94;
  --muted:#748089;
  --line:#e5e8ea;
  --paper:#fff;
  --soft:#f6f8f8;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
button,input{font:inherit}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.96);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(21,38,51,.08);
}
.navbar{
  width:min(calc(100% - 32px),var(--max));height:70px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.brand{font-weight:820;letter-spacing:-.03em;font-size:21px;text-decoration:none}
.brand span{color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{text-decoration:none;color:#43515a;font-size:14px;font-weight:650}
.nav-links a:hover{color:var(--gold)}
.nav-support{border:1px solid var(--gold)!important;padding:9px 13px;color:#805e1d!important}
.menu-btn{display:none;border:0;background:transparent;font-size:27px;color:var(--ink)}

.hero{
  min-height:690px;position:relative;overflow:hidden;background:var(--navy);
  display:flex;align-items:flex-end;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(3,16,28,.88) 0%,rgba(3,16,28,.48) 46%,rgba(3,16,28,.28) 100%),url("../assets/radio-anjomara-banner.jpg");
  background-size:cover;background-position:center 31%;
  transform:scale(1.01);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:190px;
  background:linear-gradient(transparent,#071725 90%);
}
.hero-content{
  width:min(calc(100% - 32px),var(--max));margin:0 auto;
  position:relative;z-index:2;color:#fff;padding:0 0 100px;
}
.hero-kicker{color:var(--gold2);font-weight:800;font-size:12px;letter-spacing:.18em}
.hero h1{font-size:clamp(46px,7vw,82px);letter-spacing:-.055em;line-height:.96;margin:12px 0 16px;max-width:700px}
.hero-tagline{font-size:clamp(15px,2vw,20px);font-weight:750;letter-spacing:.1em}
.hero-text{max-width:650px;margin-top:22px;color:#dce4e9;line-height:1.7;font-size:16px}

.live-wrap{position:relative;z-index:5;margin-top:-54px}
.live-card{
  width:min(calc(100% - 32px),920px);margin:auto;background:#fff;
  border-top:4px solid var(--gold);box-shadow:0 16px 45px rgba(6,23,37,.16);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:22px 26px;
}
.live-btn{
  width:64px;height:64px;border-radius:50%;border:0;background:var(--gold);color:#fff;
  font-size:25px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(201,154,61,.28)
}
.live-btn.loading{outline:3px solid rgba(201,154,61,.23);animation:pulse 1s infinite alternate}
@keyframes pulse{to{outline-width:8px}}
.live-meta small{display:block;color:var(--gold);font-weight:850;letter-spacing:.11em;font-size:10px;margin-bottom:6px}
.live-title{font-size:20px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-artist{margin-top:4px;color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq{display:flex;align-items:center;gap:4px;height:34px}
.eq i{display:block;width:4px;height:9px;background:var(--gold);animation:eq .8s ease-in-out infinite alternate;animation-play-state:paused}
.eq.active i{animation-play-state:running}
.eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.4s}.eq i:nth-child(4){animation-delay:-.6s}.eq i:nth-child(5){animation-delay:-.8s}
@keyframes eq{to{height:31px}}

.section{padding:92px 16px}
.section.soft{background:var(--soft)}
.container{width:min(100%,var(--max));margin:auto}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.eyebrow{color:#a77b27;letter-spacing:.14em;font-size:11px;font-weight:850}
.section h2{font-size:clamp(31px,4vw,47px);letter-spacing:-.045em;margin:7px 0 0}
.section-intro{color:var(--muted);max-width:620px;line-height:1.65}
.text-link{font-weight:750;color:#8b6620;text-decoration:none}

.programme-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff;margin-bottom:25px}
.summary-box{padding:22px 24px;min-height:112px}
.summary-box:first-child{border-left:4px solid var(--gold)}
.summary-box+ .summary-box{border-left:1px solid var(--line)}
.summary-label{font-size:10px;font-weight:850;letter-spacing:.15em;color:#8a9297}
.summary-title{font-size:19px;font-weight:780;margin-top:10px}
.summary-sub{color:var(--muted);margin-top:4px;font-size:13px}
.day-tabs{display:grid;grid-template-columns:repeat(7,1fr);background:var(--navy);margin-bottom:12px}
.day-tabs button{border:0;background:transparent;color:#9eaab2;padding:16px 4px;font-weight:750;cursor:pointer;border-bottom:3px solid transparent}
.day-tabs button.active{color:#fff;border-bottom-color:var(--gold)}
.programme-list{border-top:1px solid var(--line)}
.programme-row{display:grid;grid-template-columns:100px 1fr;gap:22px;padding:17px 8px;border-bottom:1px solid var(--line)}
.programme-row.current{background:#fff9eb;border-left:4px solid var(--gold);padding-left:14px}
.programme-time{font-size:15px;color:#78838a;font-variant-numeric:tabular-nums}
.programme-name{font-size:17px;font-weight:750}
.programme-host{font-size:13px;color:#7d878e;margin-top:4px}

.books{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 16px}
.book{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}
.book-cover{
  position:relative;aspect-ratio:2.8/4;border-radius:2px 6px 6px 2px;
  box-shadow:7px 8px 17px rgba(20,39,55,.16);
  display:flex;align-items:flex-end;padding:13px;
  transform:perspective(600px) rotateY(-3deg);
  overflow:visible;
}
.book-cover::after{
  content:"";position:absolute;right:-5px;top:8px;bottom:7px;width:6px;
  background:repeating-linear-gradient(to bottom,#f6f1e7 0,#f6f1e7 2px,#e5ddce 3px);
  border-radius:0 3px 3px 0;
}
.book-cover::before{
  content:"";position:absolute;left:10px;top:11px;width:27px;height:2px;background:rgba(255,255,255,.72)
}
.book-cover strong{color:#fff;font-size:14px;line-height:1.05;text-shadow:0 1px 2px rgba(0,0,0,.25);position:relative;z-index:2}
.c1{background:linear-gradient(155deg,#164f68,#3f93ae)}
.c2{background:linear-gradient(155deg,#5d416f,#9f6a8a)}
.c3{background:linear-gradient(155deg,#7a4b25,#c58a4c)}
.c4{background:linear-gradient(155deg,#28513e,#64a17a)}
.c5{background:linear-gradient(155deg,#633428,#b5684c)}
.c6{background:linear-gradient(155deg,#4c5668,#8a99b0)}
.c7{background:linear-gradient(155deg,#6d5d23,#b89d43)}
.c8{background:linear-gradient(155deg,#244c59,#5795a3)}

.about-grid,.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.about-copy p{color:#56636c;line-height:1.8;font-size:16px}
.about-mark{
  min-height:330px;background:var(--navy);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:flex-end;
  border-bottom:5px solid var(--gold);
}
.about-mark .big{font-size:38px;font-weight:840;letter-spacing:-.04em}
.about-mark p{color:#cdd7dc;line-height:1.6}

.support-panel{background:#fff;border-top:4px solid var(--gold);padding:28px;box-shadow:0 12px 35px rgba(21,38,51,.08)}
.support-panel h3{font-size:23px;margin:0 0 10px}
.support-panel p{color:var(--muted);line-height:1.6}
.pay-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.pay-buttons a{text-decoration:none;min-height:56px;display:flex;align-items:center;justify-content:center;font-weight:800}
.paypal{background:#fff;border:1px solid #d9dde0;color:#16232d}
.cardpay{background:var(--gold);color:#fff}

.site-footer{background:var(--navy);color:#fff;padding:52px 16px 28px}
.footer-grid{width:min(100%,var(--max));margin:auto;display:flex;justify-content:space-between;gap:40px}
.footer-title{font-size:22px;font-weight:800}
.footer-grid p,.footer-grid a{color:#b8c3ca;font-size:14px;line-height:1.7}
.footer-grid a{text-decoration:none}
.footer-bottom{width:min(100%,var(--max));margin:36px auto 0;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;color:#7f909a;font-size:12px}

.podcast-page{padding:76px 16px 120px}
.podcast-top{width:min(100%,var(--max));margin:auto}
.podcast-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:28px 0}
.podcast-tabs button{border:0;background:#fff;padding:14px 20px;font-weight:750;color:#7b858c;border-bottom:3px solid transparent;cursor:pointer}
.podcast-tabs button.active{color:var(--ink);border-bottom-color:var(--gold)}
.archive-search{width:100%;height:54px;border:1px solid #d8dde0;padding:0 16px;font-size:16px;box-shadow:inset 4px 0 var(--gold)}
.archive-results{margin-top:18px}
.archive-row,.chapter-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:15px 5px;border-bottom:1px solid var(--line)}
.archive-title,.chapter-title{font-weight:740}
.archive-date,.chapter-artist{font-size:13px;color:var(--muted);margin-top:4px}
.mini-play{width:39px;height:39px;border-radius:50%;border:1px solid #d4b46f;background:#fff;color:#9e741f;cursor:pointer}
.book-detail{display:none;margin-top:26px}
.book-detail.active{display:block}
.back-books{border:0;background:transparent;color:#8c651f;font-weight:750;padding:0 0 16px;cursor:pointer}
.audio-dock{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;
  width:min(calc(100% - 28px),760px);background:#fff;border-top:3px solid var(--gold);
  box-shadow:0 10px 34px rgba(0,0,0,.18);padding:12px 14px;display:none;
}
.audio-dock.show{display:block}
.audio-dock-top{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.audio-title{font-size:14px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audio-artist{font-size:11px;color:var(--muted)}
.audio-controls{display:flex;gap:8px;align-items:center}
.audio-controls button{width:39px;height:39px;border-radius:50%;border:1px solid #d9dde0;background:#fff;font-weight:800;cursor:pointer}
.audio-controls .main{background:var(--gold);color:#fff;border-color:var(--gold)}
.progress{height:5px;background:#e6e8ea;margin-top:9px;cursor:pointer}.progress>i{display:block;height:100%;width:0;background:var(--gold)}
.times{display:flex;justify-content:space-between;font-size:10px;color:#8a9297;margin-top:4px}

@media(max-width:900px){
  .books{grid-template-columns:repeat(4,1fr)}
  .about-grid,.support-grid{grid-template-columns:1fr;gap:32px}
  .hero{min-height:620px}
}
@media(max-width:720px){
  .navbar{height:62px}
  .menu-btn{display:block}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:62px;background:#fff;border-bottom:1px solid var(--line);
    flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:0
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 4px}
  .hero{min-height:560px}
  .hero::before{background-position:center 27%}
  .hero-content{padding-bottom:80px}
  .hero h1{font-size:47px}
  .live-card{grid-template-columns:auto 1fr;padding:17px 18px}
  .eq{display:none}
  .section{padding:70px 16px}
  .section-head{display:block}
  .text-link{display:inline-block;margin-top:16px}
  .programme-summary{grid-template-columns:1fr}
  .summary-box+ .summary-box{border-left:0;border-top:1px solid var(--line)}
  .day-tabs{overflow-x:auto;display:flex}.day-tabs button{min-width:64px;flex:1}
  .programme-row{grid-template-columns:66px 1fr;gap:12px}
  .books{grid-template-columns:repeat(3,1fr);gap:20px 11px}
  .book-cover strong{font-size:12px}
  .pay-buttons{grid-template-columns:1fr}
  .footer-grid{display:block}
}
@media(max-width:380px){.books{grid-template-columns:repeat(2,1fr)}}


/* V2 — mélange richesse visuelle du site historique + modernité de l'application */
body{background:
  radial-gradient(circle at 8% 18%,rgba(201,154,61,.055),transparent 18rem),
  radial-gradient(circle at 95% 42%,rgba(82,127,148,.05),transparent 22rem),
  #fff;
}
.hero-content::before{
  content:"RADIO • ANJOMARA";position:absolute;left:0;bottom:54px;
  font-size:10px;letter-spacing:.38em;color:rgba(255,255,255,.45);font-weight:800;
}
.hero-content::after{
  content:"";position:absolute;width:110px;height:2px;background:var(--gold);left:0;bottom:43px;
}
.emissions-section{
  position:relative;overflow:hidden;padding-top:115px;
  background:
    linear-gradient(180deg,#fff 0,#fbfcfc 100%);
}
.emissions-section::before{
  content:"";position:absolute;left:-90px;top:55px;width:220px;height:220px;border:1px solid rgba(201,154,61,.17);border-radius:50%;
  box-shadow:0 0 0 28px rgba(201,154,61,.025),0 0 0 56px rgba(201,154,61,.02);
}
.section-head h2::after{
  content:"";display:block;width:54px;height:3px;background:var(--gold);margin-top:14px;
}
.emission-mosaic{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:235px;gap:14px;
}
.emission-card{
  position:relative;overflow:hidden;background:var(--navy);min-height:0;
  box-shadow:0 8px 24px rgba(14,33,46,.11);
}
.emission-card.featured{grid-column:span 2;grid-row:span 2}
.emission-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.emission-card:hover img{transform:scale(1.045)}
.emission-card::after{
  content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(4,18,29,.92) 100%);
}
.emission-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px;color:#fff}
.emission-overlay span{font-size:9px;font-weight:850;letter-spacing:.18em;color:#e5bd67}
.emission-overlay h3{font-size:20px;margin:6px 0 0;line-height:1.05}
.emission-card.featured .emission-overlay h3{font-size:31px}
.emission-overlay p{font-size:12px;color:#d5dde1;line-height:1.45;margin:8px 0 0;max-width:480px}
.verse-ribbon{
  background:var(--navy);color:#fff;position:relative;overflow:hidden;
  border-top:4px solid var(--gold);border-bottom:1px solid rgba(255,255,255,.06);
}
.verse-ribbon::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,transparent,rgba(82,127,148,.13),transparent);
}
.verse-inner{
  width:min(calc(100% - 32px),var(--max));min-height:170px;margin:auto;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;position:relative;
}
.verse-mark{font-family:Georgia,serif;font-size:92px;line-height:.5;color:var(--gold);opacity:.85}
.verse-inner p{font-size:25px;font-weight:800;letter-spacing:.04em;margin:0 0 8px}
.verse-inner span{color:#b9c5cb;font-size:14px}
.sound-lines{height:54px;display:flex;align-items:center;gap:6px}
.sound-lines i{display:block;width:3px;background:var(--gold);opacity:.75}
.sound-lines i:nth-child(1),.sound-lines i:nth-child(7){height:12px}
.sound-lines i:nth-child(2),.sound-lines i:nth-child(6){height:27px}
.sound-lines i:nth-child(3),.sound-lines i:nth-child(5){height:42px}
.sound-lines i:nth-child(4){height:54px}
#programme{background:
  linear-gradient(90deg,rgba(82,127,148,.035) 1px,transparent 1px),
  linear-gradient(rgba(82,127,148,.035) 1px,transparent 1px),#fff;
  background-size:38px 38px;
}
#podcasts{position:relative}
#podcasts::after{
  content:"MANA";position:absolute;right:2%;top:30px;font-size:120px;font-weight:900;letter-spacing:-.07em;
  color:rgba(21,38,51,.025);pointer-events:none;
}
.book-cover{border:1px solid rgba(255,255,255,.15)}
.about-mark{position:relative;overflow:hidden}
.about-mark::before{
  content:"";position:absolute;right:-50px;top:-50px;width:190px;height:190px;border:1px solid rgba(201,154,61,.45);border-radius:50%;
  box-shadow:0 0 0 24px rgba(201,154,61,.07),0 0 0 48px rgba(201,154,61,.04);
}
.support-panel{position:relative}
.support-panel::after{content:"♡";position:absolute;right:22px;top:15px;font-size:54px;color:rgba(201,154,61,.13)}
@media(max-width:900px){
 .emission-mosaic{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .emission-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:205px;gap:9px}
 .emission-card.featured{grid-column:span 2;grid-row:span 1}
 .emission-card.featured .emission-overlay h3{font-size:23px}
 .emission-overlay{padding:13px}
 .emission-overlay h3{font-size:16px}
 .emission-overlay p{display:none}
 .verse-inner{grid-template-columns:auto 1fr;min-height:145px}
 .verse-inner p{font-size:18px}
 .sound-lines{display:none}
 #podcasts::after{font-size:70px}
}


/* V3 — Nos émissions : cartes éditoriales modernes */
.v3-emissions{background:#fff !important;padding-top:92px}
.v3-emissions::before{display:none !important}
.emissions-head{align-items:end}
.emissions-head .section-intro{margin:0 0 8px;max-width:520px}
.v3-emission-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.v3-emission-card{
  background:#fff;
  border:1px solid #e5e8ea;
  overflow:hidden;
  box-shadow:0 9px 25px rgba(13,35,49,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}
.v3-emission-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(13,35,49,.13)}
.v3-emission-image{height:180px;background:#102433;overflow:hidden;position:relative}
.v3-emission-image::after{
  content:"";position:absolute;inset:auto 0 0;height:42%;
  background:linear-gradient(transparent,rgba(4,19,30,.25));
}
.v3-emission-image img{width:100%;height:100%;object-fit:cover;display:block}
.v3-emission-body{padding:18px 20px 21px;min-height:165px}
.v3-tag{
  display:inline-block;background:#c9962e;color:#fff;
  padding:4px 9px;font-size:9px;line-height:1;font-weight:850;letter-spacing:.08em;
}
.v3-tag.navy{background:#102b40}
.v3-emission-body h3{
  margin:10px 0 7px;font-size:21px;letter-spacing:-.025em;color:#152633
}
.v3-emission-body p{margin:0;color:#65727a;line-height:1.55;font-size:14px}
.v3-music-image{
  display:grid;place-items:center;
  background:
   linear-gradient(120deg,rgba(201,154,61,.18),transparent 42%),
   repeating-linear-gradient(90deg,#0b1e2d 0,#0b1e2d 14px,#102b40 15px,#102b40 28px);
}
.v3-music-symbol{font-size:72px;color:#d5a43d;position:relative;z-index:2;text-shadow:0 4px 16px rgba(0,0,0,.35)}
@media(max-width:900px){
 .v3-emission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .emissions-head .section-intro{margin-top:18px}
 .v3-emission-grid{grid-template-columns:1fr}
 .v3-emission-image{height:190px}
 .v3-emission-body{min-height:0}
}


/* V4 — trois émissions majeures supplémentaires */
.v4-testamenta{
  background:
    radial-gradient(circle at 72% 30%,rgba(229,183,92,.28),transparent 18%),
    linear-gradient(135deg,#183b4d,#0b1e2d 64%,#8a6424);
}
.v4-vakiteny{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 18px),
    linear-gradient(135deg,#74511d,#c29336 50%,#172b39);
}
.v4-imitation{
  background:
    radial-gradient(circle at center,rgba(229,183,92,.28),transparent 27%),
    linear-gradient(145deg,#233d33,#0c211b 65%,#8a682b);
}
.v4-symbol{
  position:absolute;inset:0;display:grid;place-items:center;
  color:#f2cc78;font-family:Georgia,serif;font-size:76px;
  text-shadow:0 5px 18px rgba(0,0,0,.35);z-index:1;
}


/* V6 — Programme compact sur ordinateur : 2 colonnes */
@media (min-width: 850px){
  #programme .programme-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:22px;
    border-top:0;
  }
  #programme .programme-row{
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
    min-height:86px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-top:0;
    background:rgba(255,255,255,.92);
  }
  #programme .programme-row:nth-child(-n+2){
    border-top:1px solid var(--line);
  }
  #programme .programme-row:nth-child(even){
    border-left:3px solid rgba(201,154,61,.35);
  }
  #programme .programme-row.current{
    background:#fff8e9;
    border-left:4px solid var(--gold);
    padding-left:15px;
  }
  #programme .programme-time{
    font-size:14px;
    padding-top:2px;
  }
  #programme .programme-name{
    font-size:16px;
    line-height:1.25;
  }
  #programme .programme-host{
    margin-top:5px;
  }
}

/* V7 — équipe Radio Anjomara : une seule famille, sans hiérarchie */
.team-section{
  background:linear-gradient(180deg,#f6f8f8 0%,#fff 100%);
  border-top:1px solid #edf0f1;
}
.team-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:28px 20px;
}
.team-card{text-align:center}
.team-photo{
  width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;
  background:linear-gradient(145deg,#17384a,#0a1e2c);
  border-bottom:4px solid var(--gold);
  box-shadow:0 9px 25px rgba(13,35,49,.11);
}
.team-photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.team-fallback{
  position:absolute;inset:0;display:grid;place-items:center;
  color:#e6bd67;font-size:42px;font-weight:850;letter-spacing:-.04em;
}
.team-card h3{
  margin:12px 0 0;font-size:15px;line-height:1.25;color:#1b303e;
}
@media(max-width:950px){.team-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){
  .team-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}
  .team-card h3{font-size:14px}
}

/* V9 — choix Podcast 2025+ / Archives 2019–2024 immédiatement visible */
.podcast-era-choice{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:30px 0 34px;
}
.era-card{
  min-height:128px;
  border:1px solid var(--line);
  border-top:4px solid #aeb7bc;
  background:#fff;
  padding:20px 22px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(13,35,49,.06);
}
.era-card.active{
  border-top-color:var(--gold);
  background:#fffaf0;
}
.era-kicker{
  display:block;
  font-size:9px;
  letter-spacing:.15em;
  font-weight:850;
  color:#9b7428;
  margin-bottom:8px;
}
.era-card strong{
  display:block;
  font-size:23px;
  color:var(--ink);
  letter-spacing:-.025em;
}
.era-card small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}
@media(max-width:620px){
  .podcast-era-choice{grid-template-columns:1fr;gap:9px;margin-top:22px}
  .era-card{min-height:100px;padding:16px 18px}
  .era-card strong{font-size:20px}
}

/* V14 — accès clair vers l'unique page Podcasts */
.podcast-access-section{
  padding:42px 16px;
  background:#f6f8f8;
  border-top:1px solid #e8ecee;
  border-bottom:1px solid #e8ecee;
}
.podcast-access-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.podcast-access-inner h2{
  margin:6px 0 6px;
  font-size:34px;
  letter-spacing:-.04em;
}
.podcast-access-inner p{
  margin:0;
  color:#748089;
  line-height:1.55;
}
.podcast-access-button{
  flex:0 0 auto;
  text-decoration:none;
  background:#c99a3d;
  color:#fff;
  padding:15px 20px;
  font-weight:800;
}
@media(max-width:720px){
  .podcast-access-inner{display:block}
  .podcast-access-button{display:inline-block;margin-top:18px}
}

/* V15 — Podcasts redevient une section normale de l'accueil */
.homepage-podcast-section{background:#f6f8f8}
.homepage-podcast-entry{
  display:grid;
  grid-template-columns:1fr 1fr 72px;
  align-items:stretch;
  text-decoration:none;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 8px 24px rgba(13,35,49,.07);
}
.homepage-podcast-era{
  padding:25px 28px;
  border-top:4px solid var(--gold);
}
.homepage-podcast-era.archives{
  border-top-color:#aeb8be;
  border-left:1px solid var(--line);
}
.homepage-podcast-era span{
  display:block;color:#9b7428;font-size:10px;font-weight:850;
  letter-spacing:.14em;margin-bottom:7px;
}
.homepage-podcast-era strong{
  display:block;color:var(--ink);font-size:20px;
}
.homepage-podcast-arrow{
  display:grid;place-items:center;
  background:var(--navy);color:var(--gold);
  font-size:30px;font-weight:700;
}
@media(max-width:650px){
 .homepage-podcast-entry{grid-template-columns:1fr 54px}
 .homepage-podcast-era{padding:18px}
 .homepage-podcast-era.archives{grid-column:1;border-left:0;border-top:1px solid var(--line)}
 .homepage-podcast-arrow{grid-column:2;grid-row:1 / span 2}
}


/* V16 — remonter le bloc de texte de la bannière */
@media (min-width: 721px){
  .hero-content{
    transform:translateY(-72px);
  }
}
@media (max-width: 720px){
  .hero-content{
    transform:translateY(-28px);
  }
}


/* V17 — bannière : texte encore plus haut */
@media (min-width: 721px){
  .hero-content{
    transform:translateY(-172px);
  }
}
/* Mobile unchanged from V16 */


/* V18 — rythme vertical plus compact sur ordinateur */
@media (min-width: 901px){
  .section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  .emissions-section{
    padding-top:64px !important;
    padding-bottom:56px !important;
  }

  #programme{
    padding-top:56px !important;
    padding-bottom:52px !important;
  }

  .homepage-podcast-section{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  .team-section{
    padding-top:56px !important;
    padding-bottom:50px !important;
  }

  #presentation{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  #soutenir{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  .section-head{
    margin-bottom:24px !important;
  }

  .team-grid{
    gap:22px 18px !important;
  }

  .about-grid,
  .support-grid{
    gap:42px !important;
  }

  .verse-inner{
    min-height:132px !important;
  }
}