/* Charte claire TOPSTAR (pages de lecture) : bandeau bleu, corps clair, bande bleue */
.tsl { background:#fff; color:#1e2643; }
.tsl .w { max-width:1180px; margin:0 auto; padding:0 24px; }
.tsl p { margin:0; }
.tsl .k, .tsl .n { font-family:'TS Mono',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#6e768c; }
.tsl h1, .tsl h2 { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-weight:500; text-transform:none; letter-spacing:0; margin:0; }
.tsl-hero { background:#1e2643; padding:72px 0 56px; }
.tsl-hero .k { color:#9aa3bf; }
.tsl-hero h1 { color:#fff !important; font-size:clamp(40px,6vw,64px); line-height:1.02; margin:18px 0; }
.tsl-hero .i { color:#c9cedb; font-size:17px; line-height:1.6; max-width:640px; }
.tsl-body { padding-top:24px; padding-bottom:24px; }
.tsl .ch { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; padding:64px 0; border-bottom:1px solid #dcdfe7; }
.tsl .ch:last-child { border-bottom:0; }
.tsl .ch.r .tx { order:2; } .tsl .ch.r .im { order:1; }
.tsl .ch h2 { color:#1e2643 !important; font-size:clamp(30px,4vw,44px); line-height:1.08; margin:14px 0 20px; }
.tsl .ch .tx p:not(.n) { font-size:16px; line-height:1.75; color:#3d4560; margin-bottom:14px; }
.tsl .ch .im { background:none; }
.tsl .ch .im img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.tsl .ch .im.c img { aspect-ratio:auto; object-fit:contain; max-height:360px; width:auto; margin:0 auto !important; }
.tsl .ch .cap { font-family:'TS Mono',monospace; font-size:11px; letter-spacing:.06em; color:#6e768c; padding:10px 12px; background:#fff; }
.tsl .tsl-film { padding-top:24px; padding-bottom:72px; }
.tsl-film h2 { color:#1e2643 !important; font-size:clamp(30px,4vw,44px); line-height:1.08; margin:14px 0 24px; }
.tsl-film .v { position:relative; aspect-ratio:16/9; background:#151b33; }
.tsl-film iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.tsl h1, .tsl h2 { text-shadow:none !important; }
body.cms-14 #columns > .background { background:#1e2643 !important; height:auto !important; }
body.cms-14 #columns > .background .breadcrumb::after { display:none !important; }
.tsl img { border:0 !important; padding:0 !important; box-shadow:none !important; margin:0 !important; max-width:100% !important; }
.tsl { width:100vw; margin-left:calc(50% - 50vw); }
.tsl-band { background:#151b33; padding:44px 0; }
.tsl-band .w { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.tsl-band .k { color:#9aa3bf; margin-bottom:8px; }
.tsl .tsl-band p:not(.k) { color:#fff; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size:20px !important; line-height:1.25; }
@media (max-width:767px) {
  .tsl .w { padding:0 16px; }
  .tsl-hero { padding:44px 0 36px; }
  .tsl .ch { grid-template-columns:1fr; gap:24px; padding:40px 0; }
  .tsl .ch.r .tx { order:1; } .tsl .ch.r .im { order:2; }
  .tsl-band .w { grid-template-columns:1fr 1fr; }
}