@charset "utf-8";
/* Citizen AI · style Tralalere (gabarit UNI du Figma).
   Poppins, fond bleu très clair, en-tête en carte blanche, blocs arrondis jaune et bleu, cartes blanches,
   boutons pilule noirs à ombre dure décalée, repères « prise » (point + trait).
   Deux niveaux : l'en-tête (.tl-top) s'applique à toutes les pages ; le reste n'agit que sous body.tl-site (accueil et pages des parties). */
:root{
  --tl-bg:#eff6fb; --tl-yellow:#f4db61; --tl-blue:#609fdb; --tl-action:#3a81dd; --tl-action-d:#2a66b8;
  --tl-ink:#0c1118; --tl-ink-2:#33404f; --tl-ink-3:#546170; --tl-red:#d14d2b; --tl-white:#fff;
  --tl-font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --tl-r:28px; --tl-r-xl:40px; --tl-w:1340px; --tl-gut:10px;
}

/* ============ En-tête (toutes les pages) ============ */
.tl-top{background:var(--tl-bg);padding:var(--tl-gut) max(var(--tl-gut),env(safe-area-inset-right,0px)) 0 max(var(--tl-gut),env(safe-area-inset-left,0px));font-family:var(--tl-font);position:relative;z-index:30}
.tl-head{max-width:var(--tl-w);margin:0 auto;background:var(--tl-white);border-radius:26px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav isc";align-items:center;gap:6px 30px;padding:11px clamp(16px,2.4vw,32px);box-shadow:0 1px 0 rgba(16,60,120,.06)}
.tl-head>.tl-logo{grid-area:logo}
.tl-logo{display:block;line-height:0;border-radius:10px}
.tl-logo img{display:block;width:92px;height:auto}
.tl-nav{grid-area:nav;display:flex;flex-wrap:wrap;gap:0 22px;align-items:center;min-width:0}
.tl-nav a{position:relative;font:500 14.5px/1.2 var(--tl-font);color:var(--tl-ink);text-decoration:none;padding:9px 0;white-space:nowrap;letter-spacing:0}
.tl-nav a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;border-radius:2px;background:var(--tl-ink);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.23,1,.32,1)}
.tl-nav a:hover::after,.tl-nav a[aria-current="page"]::after{transform:scaleX(1)}
.tl-nav a[aria-current="page"]{font-weight:600}
.tl-nav a i{font-style:normal;font-size:.82em;margin-left:3px;opacity:.55}
.tl-isc{grid-area:isc;display:inline-flex;align-items:center;gap:9px;border:2px solid var(--tl-red);border-radius:999px;padding:7px 15px;font:600 14px/1.2 var(--tl-font);color:var(--tl-action);text-decoration:none;white-space:nowrap;background:#fff;transition:background-color .2s}
.tl-isc:hover{background:#fff4f0}
.tl-isc svg{width:15px;height:15px;fill:currentColor;flex:none}
.tl-head a:focus-visible,.tl-foot a:focus-visible,.tl-btn:focus-visible{outline:3px solid var(--tl-action);outline-offset:3px;border-radius:8px}
@media (max-width:1260px){
  .tl-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo isc" "nav nav";gap:2px 16px}
  .tl-isc{justify-self:end}
  .tl-nav{border-top:1px solid #e6eef6;padding-top:2px;gap:0 20px}
}
@media (max-width:760px){
  .tl-head{border-radius:22px;padding:10px 14px 4px}
  .tl-logo img{width:74px}
  .tl-isc{padding:6px 12px;font-size:13px}
  .tl-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px}
  .tl-nav::-webkit-scrollbar{display:none}
  .tl-nav a{flex:none}
}

/* l'en-tête n'est pas collant : les barres d'étapes se calent en haut de l'écran */
.chapnav{top:env(safe-area-inset-top,0px)!important}

body:has(.tl-top){margin:0}

/* ============ Pied de page ============ */
.tl-foot{background:var(--tl-bg);padding:0 max(var(--tl-gut),env(safe-area-inset-right,0px)) var(--tl-gut) max(var(--tl-gut),env(safe-area-inset-left,0px));font-family:var(--tl-font);margin-top:clamp(24px,4vw,48px)}
.tl-foot-in{max-width:var(--tl-w);margin:0 auto;background:var(--tl-white);border-radius:26px;padding:22px clamp(18px,3vw,36px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 28px;align-items:center}
.tl-foot .tl-logo img{width:76px}
.tl-foot p{font:500 14px/1.5 var(--tl-font);color:var(--tl-ink-2);margin:0}
.tl-foot nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.tl-foot nav a,.tl-foot .reset-pg{font:500 14px var(--tl-font);color:var(--tl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b9cde2}
.tl-foot nav a:hover{text-decoration-color:var(--tl-ink)}
.tl-foot .reset-pg{border:0;background:none;padding:0;margin:0;cursor:pointer;color:var(--tl-ink-3)}
.tl-foot .reset-pg.arm{color:var(--tl-red);font-weight:600;text-decoration:none}
@media (max-width:860px){.tl-foot-in{grid-template-columns:minmax(0,1fr)}}

/* ============ Boutons ============ */
.tl-btn,.tl-site .pill{display:inline-flex;align-items:center;gap:10px;background:var(--tl-ink);color:#fff!important;text-decoration:none;font:600 16px/1 var(--tl-font);padding:16px 26px;border-radius:999px;border:0;cursor:pointer;box-shadow:-5px 5px 0 var(--tl-blue);transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1);letter-spacing:0}
.tl-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.tl-btn:hover,.tl-site .pill:hover{transform:translate(-2px,2px);box-shadow:-3px 3px 0 var(--tl-blue);background:var(--tl-ink)}}
.tl-btn:active,.tl-site .pill:active{transform:translate(-4px,4px);box-shadow:-1px 1px 0 var(--tl-blue)}
.tl-link,.tl-site .more-l{font:600 16px var(--tl-font);color:var(--tl-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--tl-ink)}
.tl-link:hover,.tl-site .more-l:hover{text-decoration-color:var(--tl-action)}
.tl-link::after,.tl-site .more-l::after{content:" \2192";text-decoration:none;display:inline-block}

/* ============ Page : fond et jetons (accueil et pages des parties) ============ */
html:has(body.tl-site),body.tl-site{background:var(--tl-bg)!important}
body.tl-site{
  --display:var(--tl-font);--body:var(--tl-font);--a-font:var(--tl-font);
  --lab:var(--tl-action);--lab-d:var(--tl-action-d);--lab-s:#e3eefb;--lab-l:#8ab8ef;--ia:var(--tl-action);
  --ink:var(--tl-ink);--ink-2:var(--tl-ink-2);--ink-3:var(--tl-ink-3);--paper:var(--tl-bg);--paper-2:#fff;
  --action:var(--tl-action);--action-h:#2f74cc;--link:var(--tl-action-d);--rule:#cfdeec;
  background:var(--tl-bg);color:var(--tl-ink);font-family:var(--tl-font);letter-spacing:0;line-height:1.55;
}
.tl-site h1,.tl-site h2,.tl-site h3,.tl-site h4{font-family:var(--tl-font);letter-spacing:-.025em}
:where(.tl-site) a{color:var(--tl-action-d)}
.tl-site :focus-visible{outline-color:var(--tl-action)}
.tl-site .wrap,.tl-site .groups{max-width:var(--tl-w)}
.tl-site .groups{padding-inline:max(var(--tl-gut),env(safe-area-inset-left,0px)) max(var(--tl-gut),env(safe-area-inset-right,0px))}

/* repère « prise » : un point au bout d'un trait */
.tl-plug{position:absolute;top:0;right:30px;width:2px;height:38px;background:var(--tl-ink);pointer-events:none}
.tl-plug::after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--tl-ink)}

/* surlignage jaune des titres de cartes */
.tl-mark{background:var(--tl-yellow);color:var(--tl-ink);padding:.04em .32em .1em;border-radius:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.5}

/* ============ Accueil ============ */
.tl-main{max-width:var(--tl-w);margin:0 auto;padding:16px max(var(--tl-gut),env(safe-area-inset-right,0px)) 0 max(var(--tl-gut),env(safe-area-inset-left,0px));display:grid;gap:16px;font-family:var(--tl-font)}
.tl-hero{background:var(--tl-yellow);border-radius:var(--tl-r-xl);padding:clamp(28px,4.4vw,60px) clamp(20px,4.6vw,64px) clamp(34px,4.6vw,64px)}
.tl-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(36px,6vw,92px);align-items:center;position:relative}
.tl-hero h1{font:800 clamp(38px,5.2vw,68px)/1.04 var(--tl-font);letter-spacing:-.035em;margin:0;color:var(--tl-ink);text-wrap:balance}
.tl-hero h1 .tl-ai{display:inline-block;background:var(--tl-blue);color:#fff;border-radius:.16em;padding:.01em .2em .07em;transform:rotate(-3deg);margin-left:.05em;letter-spacing:-.02em}
.tl-hero .tl-lede{font:500 clamp(17px,1.6vw,20px)/1.5 var(--tl-font);color:var(--tl-ink);margin:22px 0 0;max-width:30em}
.tl-actions{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;margin-top:34px}
.tl-hero-card{position:relative;margin:0;background:#fff;border-radius:var(--tl-r);padding:clamp(10px,1.2vw,14px);box-shadow:-11px 11px 0 var(--tl-blue)}
.tl-hero-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.tl-hero-card figcaption{font:600 15px/1.4 var(--tl-font);color:var(--tl-ink);padding:14px 8px 6px}
.tl-hero-in::before{content:"";position:absolute;left:calc(50% - clamp(24px,3.6vw,60px));top:46%;width:clamp(40px,6vw,92px);height:2px;background:var(--tl-ink)}
.tl-hero-in::after{content:"";position:absolute;left:calc(50% - clamp(24px,3.6vw,60px) - 8px);top:calc(46% - 7px);width:16px;height:16px;border-radius:50%;background:var(--tl-ink)}
@media (max-width:900px){
  .tl-hero-in{grid-template-columns:minmax(0,1fr)}
  .tl-hero-in::before,.tl-hero-in::after{display:none}
  .tl-hero-card{box-shadow:-8px 8px 0 var(--tl-blue);margin-left:8px}
}

.tl-blue{background:var(--tl-blue);border-radius:var(--tl-r-xl);padding:clamp(26px,4vw,56px) clamp(16px,4vw,56px) clamp(28px,4vw,56px)}
.tl-sec-h{display:grid;gap:10px;margin:0 0 clamp(22px,3vw,34px);max-width:44rem}
.tl-sec-h h2{font:800 clamp(30px,3.8vw,48px)/1.08 var(--tl-font);letter-spacing:-.03em;margin:0;color:var(--tl-ink);text-wrap:balance}
.tl-sec-h p{font:500 clamp(16px,1.5vw,18px)/1.5 var(--tl-font);color:var(--tl-ink);margin:0;max-width:36em}
.tl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.tl-card{position:relative;display:grid;grid-template-rows:auto 1fr;background:#fff;border-radius:var(--tl-r);overflow:hidden;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.tl-card:hover{transform:translate(4px,-4px);box-shadow:-7px 7px 0 var(--tl-yellow)}}
.tl-card .im{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#dfeaf5}
.tl-card .tx{display:grid;gap:10px;padding:clamp(18px,2vw,26px) clamp(18px,2.2vw,28px) clamp(20px,2.2vw,28px);align-content:start}
.tl-card .k{font:600 13px/1.3 var(--tl-font);color:var(--tl-action-d);letter-spacing:.01em}
.tl-card h3,.tl-aud h3{font:700 clamp(24px,2.4vw,30px)/1.3 var(--tl-font);letter-spacing:-.025em;margin:0}
.tl-card h3 a,.tl-aud h3 a{color:var(--tl-ink);text-decoration:none}
.tl-card h3 a::after,.tl-aud h3 a::after{content:"";position:absolute;inset:0;z-index:0}
.tl-card p,.tl-aud p{font:500 16px/1.55 var(--tl-font);color:var(--tl-ink-2);margin:0;max-width:34em}
.tl-card .chips,.tl-aud .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;position:relative;z-index:1}
.tl-card .chips a,.tl-aud .chips a{display:inline-flex;align-items:center;border-radius:999px;background:var(--tl-bg);color:var(--tl-ink)!important;text-decoration:none;font:600 14px/1.2 var(--tl-font);padding:8px 15px;transition:background-color .2s}
.tl-card .chips a:hover,.tl-aud .chips a:hover{background:var(--tl-yellow)}
.tl-card .pgs,.tl-aud .pgs{font:600 13px var(--tl-font);color:#1f8a4c}
@media (max-width:820px){.tl-grid{grid-template-columns:minmax(0,1fr)}}

.tl-adults{background:var(--tl-yellow);border-radius:var(--tl-r-xl);padding:clamp(26px,4vw,56px) clamp(16px,4vw,56px) clamp(28px,4vw,56px)}
.tl-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.tl-aud{position:relative;background:#fff;border-radius:var(--tl-r);padding:clamp(34px,3.6vw,46px) clamp(20px,2.6vw,32px) clamp(22px,2.6vw,30px);display:grid;gap:12px;align-content:start;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.tl-aud:hover{transform:translate(4px,-4px);box-shadow:-7px 7px 0 var(--tl-blue)}}
@media (max-width:820px){.tl-two{grid-template-columns:minmax(0,1fr)}}

.tl-bonus{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;background:var(--tl-ink);color:#fff;text-decoration:none;border-radius:var(--tl-r);padding:clamp(22px,3vw,34px) clamp(20px,3.4vw,44px);transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.tl-bonus:hover{transform:translate(4px,-4px);box-shadow:-7px 7px 0 var(--tl-yellow)}}
.tl-bonus .k{font:600 13px var(--tl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--tl-yellow);grid-column:1}
.tl-bonus b{font:800 clamp(26px,3.4vw,42px)/1.1 var(--tl-font);letter-spacing:-.03em;color:#fff;grid-column:1}
.tl-bonus b span{color:#a9b9cb;font-weight:700}
.tl-bonus .t{font:500 16px/1.5 var(--tl-font);color:#d4deea;grid-column:1;max-width:36em}
.tl-bonus .go{grid-column:2;grid-row:1/4;align-self:center;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--tl-yellow);color:var(--tl-ink)}
.tl-bonus .go svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){.tl-bonus .go{width:46px;height:46px}}

/* ton parcours : le diplôme */
.tl-site .band{max-width:none;margin:0;background:#fff;border-radius:var(--tl-r);box-shadow:-9px 9px 0 var(--tl-blue);padding:clamp(20px,3vw,32px) clamp(20px,3.4vw,44px);gap:28px;margin-bottom:9px}
.tl-site .bb-k{font:600 13px var(--tl-font);color:var(--tl-action-d);letter-spacing:.02em}
.tl-site .bb-t{font:700 clamp(22px,2.4vw,30px) var(--tl-font);letter-spacing:-.025em}
.tl-site .bb-s{font:500 16px var(--tl-font);color:var(--tl-ink-2)}
.tl-site .bb-prev{font:600 15px var(--tl-font);color:var(--tl-action-d);text-decoration:underline;text-underline-offset:4px}
.tl-site .bb-prev::after{content:""}
.tl-site .macaron:focus-visible,.tl-site .bb-prev:focus-visible{outline:3px solid var(--tl-action);outline-offset:4px;border-radius:12px}

/* ============ Pages des parties : couverture, bandeau, cartes ============ */
.tl-site .cover{max-width:var(--tl-w);margin:16px auto 0;background:var(--tl-yellow);border-radius:var(--tl-r-xl);padding:clamp(28px,4.6vw,60px) clamp(20px,4.6vw,64px) clamp(32px,4.6vw,60px);width:calc(100% - 2 * var(--tl-gut))}
.tl-site .cover>.inner{max-width:none;margin:0;padding:0;text-align:left}
.tl-site .cover-grid{justify-items:start;gap:28px}
.tl-site .cover h1{font:800 clamp(38px,5.2vw,68px)/1.05 var(--tl-font);letter-spacing:-.035em;margin:0;color:var(--tl-ink)}
.tl-site .cover h1 span{display:inline-block;background:var(--tl-blue);color:#fff;border-radius:.16em;padding:.01em .2em .07em;transform:rotate(-3deg);margin-left:.05em;letter-spacing:-.02em}
.tl-site .cover .kicker{font:600 16px var(--tl-font);color:var(--tl-ink);letter-spacing:.01em}
.tl-site .lede{font:500 clamp(17px,1.6vw,20px)/1.5 var(--tl-font);letter-spacing:0;color:var(--tl-ink);margin:20px 0 0;max-width:34em;text-align:left}
.tl-site .sub{color:var(--tl-ink-2);margin-inline:0;text-align:left}
.tl-site .cover .actions{justify-content:flex-start;margin-top:30px;gap:18px 30px}
.tl-site .facts{justify-content:flex-start}
.tl-site .facts span{color:var(--tl-ink-2)}
.tl-site .hub-ban{max-width:var(--tl-w);margin:16px auto 0;padding:0 max(var(--tl-gut),env(safe-area-inset-left,0px))}
.tl-site .hub-ban img{border-radius:var(--tl-r-xl);box-shadow:none;background:#cfe1f3}
.tl-site .fam-h .eb{font:700 14px var(--tl-font);color:var(--tl-action-d);letter-spacing:.02em}
.tl-site .fam-h h2{font:800 clamp(30px,4vw,48px)/1.1 var(--tl-font);letter-spacing:-.03em}
.tl-site .fam-h p{font:500 clamp(16px,1.5vw,18px)/1.55 var(--tl-font);color:var(--tl-ink-2)}
.tl-site .fc,.tl-site .bt,.tl-site .rt,.tl-site .grow-pick,.tl-site .grow-lad,.tl-site .hist-note,.tl-site .panel-dark{background:#fff;border-radius:var(--tl-r);box-shadow:none}
.tl-site .grow-pick button[aria-pressed="true"]{background:var(--tl-bg);box-shadow:none}
.tl-site .grow-pick button:hover{background:#e3eefb}
.tl-site .fc h3,.tl-site .bt h3,.tl-site .rt h3{font-family:var(--tl-font);letter-spacing:-.025em}
.tl-site .fc .k,.tl-site .bt .k{font-family:var(--tl-font);color:var(--tl-action-d)}
.tl-site .fc p,.tl-site .bt p,.tl-site .rt p{font-weight:500;color:var(--tl-ink-2)}
.tl-site .fc .more{color:var(--tl-action-d);font-weight:600}
@media (hover:hover){.tl-site .fc:hover,.tl-site .bt:hover{transform:translate(4px,-4px);box-shadow:-7px 7px 0 var(--tl-blue)}}
.tl-site .chips a{background:var(--tl-bg);font-family:var(--tl-font);font-weight:600}
.tl-site .chips a:hover{background:var(--tl-yellow)}
.tl-site .stops a{font-family:var(--tl-font);box-shadow:0 0 0 1px #cfdeec}
.tl-site .stops i,.tl-site .lv.on>b{background:var(--tl-ink)}
.tl-site .lv>b{background:var(--tl-bg)}
.tl-site .fg-sub{background:transparent;border:0;font-family:var(--tl-font)}
.tl-site .fg-seg{background:#fff;box-shadow:none}
.tl-site .fg-seg a{font-family:var(--tl-font);font-weight:600;color:var(--tl-ink)!important}
.tl-site .fg-seg a:hover{background:var(--tl-bg)}
.tl-site .fg-seg a[aria-current]{background:var(--tl-yellow);box-shadow:none}
.tl-site .partner{background:var(--tl-yellow);color:var(--tl-ink)}
.tl-site .fc26 .art26 b{color:var(--tl-action)}
.tl-site .fc26 .art26 i{color:var(--tl-action-d)}
.tl-site .fc26 .im{background:linear-gradient(180deg,#f4f9fe,#dfeaf5)}
.tl-site .chapnav{top:env(safe-area-inset-top,0px);background:rgba(239,246,251,.92);border-bottom:1px solid #cfdeec}
.tl-site .chapnav a:hover{background:#fff}
.tl-site .chapnav a i{background:#fff}
.tl-site .chap{scroll-margin-top:70px}
.tl-site footer.site{background:transparent;border:0;margin:clamp(24px,4vw,48px) auto 0;max-width:var(--tl-w);padding:0 max(var(--tl-gut),env(safe-area-inset-left,0px)) var(--tl-gut)}
.tl-site footer.site .wrap{background:#fff;border-radius:26px;padding:22px clamp(18px,3vw,36px);font:500 14px/1.5 var(--tl-font);color:var(--tl-ink-2);display:grid;gap:4px}
.tl-site footer.site strong{font:700 15px var(--tl-font);color:var(--tl-ink)}
.tl-site footer.site a{color:var(--tl-action-d)}

/* pages à habillage « labo » dans les parties (enseignants) : même gabarit jaune que les autres couvertures */
.tl-site .hero{--hc:var(--tl-yellow)!important;--hon:var(--tl-ink)!important;--hbtn:var(--tl-ink)!important;--hbtn-on:#fff!important;padding:16px var(--tl-gut) 0!important}
.tl-site .hero .hero-grid{max-width:var(--tl-w)!important;border-radius:var(--tl-r-xl)!important;padding:clamp(24px,4vw,56px) clamp(20px,4.6vw,64px)!important;gap:28px clamp(28px,4vw,56px)!important}
.tl-site .hero h1{font-family:var(--tl-font)!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.05!important}
.tl-site .hero .lede{font-family:var(--tl-font);font-weight:500;color:var(--tl-ink)!important}
.tl-site .hero-meta{font-family:var(--tl-font)!important;font-weight:600!important;opacity:1!important}
.tl-site .hero-go{gap:16px 26px!important}
.tl-site .hero-go a{border-radius:999px!important;background:var(--tl-ink)!important;color:#fff!important;font:600 16px/1 var(--tl-font)!important;padding:16px 26px!important;box-shadow:-5px 5px 0 var(--tl-blue)!important;border:0!important}
.tl-site .hero-go a.alt{background:#fff!important;color:var(--tl-ink)!important;box-shadow:-5px 5px 0 var(--tl-blue)!important}
.tl-site .hero .hero-grid .live,.tl-site .hero .hero-grid .hero-code{border-radius:var(--tl-r)!important}
.tl-site .lab{background:#fff!important;border-radius:var(--tl-r)!important}

/* diplôme aux couleurs de la charte : cadre bleu, titre jaune, sceau noir */
.tl-site .diplo{background:var(--tl-blue);border-radius:34px}
.tl-site .d-in{background:#fff;box-shadow:inset 0 0 0 2px var(--tl-ink);color:var(--tl-ink)}
.tl-site .d-top{color:var(--tl-action-d);font-family:var(--tl-font)}
.tl-site .d-title{font:800 clamp(38px,4.8vw,58px)/1.05 var(--tl-font);letter-spacing:-.035em;color:var(--tl-ink);text-shadow:none;margin:8px 0 12px}
.tl-site .d-title::selection{background:var(--tl-yellow)}
.tl-site .d-name{font-family:var(--tl-font);border-bottom:3px solid var(--tl-yellow)}
.tl-site .d-pillars li{background:var(--tl-ink);color:#fff;font-family:var(--tl-font)}
.tl-site .d-seal{background:var(--tl-yellow);color:var(--tl-ink);font:800 12px/1.1 var(--tl-font);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--tl-ink)}
.tl-site .diplo.locked{background:#c9d6e3}
.tl-site .diplo.preview::after{color:rgba(96,159,219,.22);font-family:var(--tl-font)}
.tl-site .d-actions{background:var(--tl-bg)}
.tl-site .dlg{font-family:var(--tl-font)}
@media (prefers-reduced-motion:reduce){.tl-btn,.tl-card,.tl-aud,.tl-bonus,.tl-site .fc,.tl-site .bt,.tl-site .pill,.tl-nav a::after{transition:none!important}.tl-card:hover,.tl-aud:hover,.tl-bonus:hover,.tl-site .fc:hover,.tl-site .bt:hover{transform:none!important}}