/* Visuels issus de la capture originale, affichés dans des fenêtres sans modifier le fichier. */
.ytb-lives, .ytb-modules { max-width:1100px; margin:0 auto; padding:60px 28px 80px; }
.ytb-lives h2, .ytb-modules h2 { text-align:center; font-size:clamp(2.4rem,3.8vw,3.65rem); line-height:1.08; letter-spacing:-.045em; }
.ytb-lives .ytb-stack { max-width:1040px; margin:36px auto 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.ytb-lives .ytb-stack li { align-items:start; border-bottom:0; }
.ytb-module-grid { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:42px 0 0; padding:0; }
.ytb-module-card { min-width:0; overflow:hidden; border:1px solid #e2e7ec; border-radius:18px; background:#fff; box-shadow:0 3px 9px -6px #677786; }
.ytb-module-image { position:relative; width:100%; aspect-ratio:680/368; overflow:hidden; background:#edf0f3; }
.ytb-module-image img { position:absolute; display:block; width:318.82353%; max-width:none; height:auto; left:var(--module-x); top:var(--module-y); }
.ytb-module-copy { padding:23px 22px 26px; }
.ytb-module-copy h3 { color:var(--ink); font-size:20px; font-weight:600; line-height:1.3; letter-spacing:-.025em; margin:0; }
.ytb-module-copy p { color:#687581; font-size:15px; line-height:1.6; margin:12px 0 0; }
@media(max-width:850px) { .ytb-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .ytb-lives, .ytb-modules { padding:44px 24px 56px; }
 .ytb-lives h2, .ytb-modules h2 { font-size:clamp(2.1rem,8.5vw,3.8rem); }
 .ytb-lives .ytb-stack { grid-template-columns:1fr; gap:0; margin-top:24px; }
 .ytb-module-grid { grid-template-columns:1fr; gap:22px; margin-top:30px; }
}