/* DirectPlayer V10.3.46 — refonte visuelle de la liste Podcasts uniquement */
.dp10346-podcasts-page{width:min(1240px,calc(100% - 48px));margin:56px auto 104px;color:#142b43}
.dp10346-podcasts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding-bottom:30px;border-bottom:1px solid #e5eaf0}
.dp10346-podcasts-copy{max-width:760px}
.dp10346-kicker{margin:0 0 10px;color:#326a9b;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.dp10346-podcasts-head h1{margin:0;color:#102943;font-size:clamp(42px,5.2vw,64px);font-weight:850;line-height:1;letter-spacing:-.045em}
.dp10346-intro{max-width:670px;margin:15px 0 0;color:#69798a;font-size:15px;line-height:1.7}
.dp10346-podcasts-actions{display:flex;align-items:center;gap:16px;flex:none}
.dp10346-podcast-count{color:#788797;font-size:12px;font-weight:800;white-space:nowrap}
.dp10346-podcasts-actions .button{min-height:44px;border-radius:9px;white-space:nowrap}
.dp10346-podcast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px;margin-top:38px}
.dp10346-podcast-card{min-width:0}
.dp10346-podcast-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid #e2e8ef;border-radius:14px;background:#f4f7fa;text-decoration:none}
.dp10346-podcast-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.dp10346-podcast-cover>span{display:grid;place-items:center;width:100%;height:100%;color:#2f5f88;background:#edf3f8;font-size:54px;font-weight:900;letter-spacing:-.08em}
.dp10346-podcast-card:hover .dp10346-podcast-cover img{transform:scale(1.025)}
.dp10346-podcast-body{padding:15px 2px 0}
.dp10346-podcast-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#7a8998;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.dp10346-podcast-meta span:first-child{color:#326a9b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp10346-podcast-meta span:last-child{flex:none;color:#8a96a2;text-transform:none;letter-spacing:0}
.dp10346-podcast-card h2{margin:0;font-size:20px;line-height:1.22;letter-spacing:-.02em}
.dp10346-podcast-card h2 a{color:#152c43;text-decoration:none}
.dp10346-podcast-card h2 a:hover{color:#245f91}
.dp10346-podcast-body>p{margin:7px 0 0;color:#748392;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp10346-podcast-link{display:inline-flex;align-items:center;gap:7px;margin-top:13px;color:#2b628f;font-size:12px;font-weight:850;text-decoration:none}
.dp10346-podcast-link:hover{text-decoration:underline}
.dp10346-podcast-empty{margin-top:38px;padding:54px 24px;border:1px solid #e3e9ef;border-radius:14px;background:#fff;text-align:center}
.dp10346-podcast-empty h2{margin:0;color:#193149;font-size:25px}
.dp10346-podcast-empty p{margin:8px 0 0;color:#778593;font-size:14px}
@media(max-width:1040px){
  .dp10346-podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .dp10346-podcasts-page{width:min(100% - 32px,1240px);margin:38px auto 82px}
  .dp10346-podcasts-head{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:24px}
  .dp10346-podcasts-head h1{font-size:48px}
  .dp10346-podcasts-actions{width:100%;justify-content:space-between}
  .dp10346-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;margin-top:30px}
}
@media(max-width:520px){
  .dp10346-podcasts-page{width:min(100% - 28px,1240px);margin:30px auto 72px}
  .dp10346-podcasts-head h1{font-size:40px}
  .dp10346-intro{font-size:14px}
  .dp10346-podcasts-actions{align-items:stretch;flex-direction:column;gap:10px}
  .dp10346-podcast-count{font-size:11px}
  .dp10346-podcasts-actions .button{width:100%;justify-content:center}
  .dp10346-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;margin-top:26px}
  .dp10346-podcast-cover{border-radius:11px}
  .dp10346-podcast-body{padding-top:11px}
  .dp10346-podcast-meta{display:block;margin-bottom:5px}
  .dp10346-podcast-meta span{display:block}
  .dp10346-podcast-meta span:last-child{margin-top:3px}
  .dp10346-podcast-card h2{font-size:16px}
  .dp10346-podcast-body>p{font-size:11px}
  .dp10346-podcast-link{margin-top:9px;font-size:11px}
}
@media(max-width:360px){
  .dp10346-podcast-grid{grid-template-columns:1fr}
  .dp10346-podcast-card h2{font-size:18px}
}
