/* Fashion Geek Théo · habillage « esprit Apple » des labos carnet (seconde, interros, révisions) :
   typographie système, fond blanc, tuiles #f5f5f7 sans bordure, boutons en pilule, un seul bleu d'action.
   Thème clair unique, comme tout le site. Les simulateurs et les scènes restent intacts. */
:root{
  --f-title:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  --f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  --f-mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace!important;
  --paper:#ffffff!important;--paper-2:#f5f5f7!important;--white:#ffffff!important;--cream:#ffffff!important;
  --rule:rgba(0,0,0,.08)!important;--rule-2:rgba(0,0,0,.12)!important;
  --ink:#1d1d1f!important;--ink-2:#424245!important;--ink-3:#6e6e73!important;
  --blue:#0071e3!important;--blue-text:#0066cc!important;
  --night:#1d1d1f!important;--night-yellow:#ffd23f!important;
  --ca-blue:#0071e3;--ca-tile:#f5f5f7;--ca-ink:#1d1d1f;--ca-ink3:#6e6e73;--ca-green:#1f9d55;--ca-lab:#8e44d8;
}
html,body{background:#fff!important}
body{color:#1d1d1f!important;font-family:var(--f-body)!important;letter-spacing:-.018em;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--f-title)!important;letter-spacing:-.035em}

/* barre du site (identique aux autres pages) */
.ca-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;margin-inline:-20px;margin-top:-14px;margin-bottom:14px;background:rgba(251,251,253,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);font-family:var(--f-body)}
@media (max-width:560px){.ca-bar{margin-inline:-16px}}
.ca-bar .ca-in{max-width:1080px;margin:0 auto;min-height:48px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ca-brand{font-weight:600;font-size:17px;letter-spacing:-.02em;color:#1d1d1f!important;text-decoration:none;margin-right:auto}
.ca-brand span{color:#8e44d8}
.ca-nav{display:flex;flex-wrap:wrap;gap:2px}
.ca-nav a{font-size:13px;color:#1d1d1f!important;opacity:.8;text-decoration:none;padding:6px 10px}
.ca-nav a:hover{opacity:1}
.ca-nav a[aria-current="page"]{opacity:1;font-weight:600}
@media (max-width:640px){.ca-nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.ca-nav a{white-space:nowrap}}

/* en-têtes : grande tuile gris clair, titre très gras, un accent violet */
.hero,.top{background:#f5f5f7!important;color:#1d1d1f!important;border-radius:30px!important;box-shadow:none!important}
.hero h1,.top h1{font-weight:700!important;letter-spacing:-.045em!important;color:#1d1d1f!important}
.hero h1 span,.top h1 span{color:#8e44d8!important}
.hero .lede,.top p,.hero-meta{color:#424245!important;opacity:1!important}
.pill-home{background:#fff!important;color:#1d1d1f!important;font-family:var(--f-body)!important;font-weight:600!important}
.pill-home i{background:#8e44d8!important;border-radius:50%!important}
.facts span{background:#fff!important;color:#424245!important;font-family:var(--f-body)!important;font-weight:500!important}
.cta{background:#0071e3!important;color:#fff!important;border-radius:980px!important;font-family:var(--f-body)!important;font-weight:400!important;padding:11px 22px!important}
.cta:hover{background:#0077ed!important}
.report{box-shadow:0 4px 24px rgba(0,0,0,.06)!important}
.stage{border-radius:24px!important}

/* onglets : barre flottante en pilules */
.tabs,.stepbar{top:calc(env(safe-area-inset-top,0px) + 56px)!important}
.tabs{background:transparent!important}
.tabs-in{border:0!important;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:99px;box-shadow:0 2px 14px rgba(0,0,0,.08);padding:6px!important;gap:2px!important;align-items:center!important}
.tab{border:0!important;background:transparent!important;border-radius:99px!important;transform:none!important;padding:6px 12px 6px 6px!important;color:#1d1d1f!important;font-family:var(--f-body)!important;font-weight:500!important;box-shadow:none!important}
.tab::before,.tab::after{display:none!important}
.tab:hover{background:#f5f5f7!important}
.tab b{border-radius:50%!important;background:#f5f5f7!important;color:#6e6e73!important;box-shadow:none!important;font-weight:600!important;width:24px!important;height:24px!important}
.tab.cur{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.14)!important;padding-bottom:6px!important}
.tab.cur b{background:#0071e3!important;color:#fff!important}
.tab.done b{background:#1f9d55!important;color:#fff!important}
.tab .tnote{background:#f5f5f7!important}
.tabs-prog{background:transparent!important;margin:6px 24px 0}.tabs-prog span{background:#1f9d55!important;border-radius:99px}
.tabs-count{font-family:var(--f-body)!important;font-weight:500!important}

/* bandeaux de chapitre : centrés, sans aplat de couleur */
.band{background:transparent!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;padding:24px 0 6px!important}
.band .num,.num{border-radius:50%!important;background:#f5f5f7!important;color:var(--ct,#1d1d1f)!important;font-family:var(--f-title)!important}
.band h2{font-size:clamp(32px,4.6vw,52px)!important;font-weight:700!important;letter-spacing:-.04em!important}
.band p{color:#6e6e73!important}
.earn{border:0!important;background:#f5f5f7!important;color:#424245!important;border-radius:99px!important;font-family:var(--f-body)!important;font-weight:500!important}
.earn.got{background:#1f9d55!important;color:#fff!important}
.disc{color:#8e44d8!important;letter-spacing:.02em!important}
.intro{margin-inline:auto;text-align:center;color:#6e6e73}

/* tuiles et panneaux */
.panel,.mission,.qq,.cours,.law,.card,.mc,.memo,.why{border:0!important;box-shadow:none!important;border-radius:26px!important}
.panel,.mission,.qq,.cours{background:#f5f5f7!important}
.law{background:#fff!important}
.mission.solved,.qq.full{background:#e7f6ec!important}
.qq.half{background:#fff6e0!important}
.qq.zero{background:#fde8ea!important}
.kpi,.readout>*{border:0!important;background:#fff!important;border-radius:18px!important}
.kpi.hot{box-shadow:inset 0 0 0 2px #0071e3!important}
.svgbox{background:#fff!important;border:0!important;border-radius:20px!important}
.formula,.ex,.corr,.st th{background:#fff!important;border-radius:16px!important}
.ex,.formula,.mono{font-family:var(--f-mono)!important}
.hintp{background:#fff8e1!important;border-radius:14px!important}
.fb{border-radius:14px!important}
.fb.ok{background:#e7f6ec!important;color:#1b7a43!important}
.fb.ko{background:#fde8ea!important;color:#b4232f!important}
.cards{border-top:0!important;gap:10px}
.card{background:#f5f5f7!important;border-bottom:0!important;padding:16px!important}
.card:hover{background:#ebebef!important}
.card .num{border-radius:14px!important;background:var(--c)!important;color:var(--con)!important}
.cours summary{font-family:var(--f-body)!important;font-weight:600!important}
.cours-in{border-top:0!important}

/* boutons et saisies */
.btn,.opt,.dclose{border-radius:980px!important;border:0!important;background:#e8e8ed!important;color:#1d1d1f!important;font-family:var(--f-body)!important;font-weight:400!important;box-shadow:none!important}
.btn:hover,.opt:not(:disabled):hover{background:#dcdce1!important}
.btn.primary,.btn[aria-pressed="true"],.btn.yel{background:#0071e3!important;color:#fff!important}
.btn.primary:hover{background:#0077ed!important}
.btn.hint{background:#fff!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important}
.btn.ghost-d{background:rgba(255,255,255,.14)!important;color:#fff!important}
.opt{border-radius:16px!important;background:#fff!important;text-align:left}
.opt.right{background:#e7f6ec!important;box-shadow:inset 0 0 0 2px #1f9d55!important}
.opt.wrong{background:#fde8ea!important;box-shadow:inset 0 0 0 2px #e0464f!important}
input[type=text],input:not([type]),input[inputmode],textarea,select{border:0!important;background:#fff!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important;font-family:var(--f-body)!important}
input:focus{box-shadow:0 0 0 4px rgba(0,113,227,.25),inset 0 0 0 1px #0071e3!important;outline:none!important}
input[type=range],input[type=checkbox],input[type=radio]{accent-color:#0071e3!important}
.qq-h i,.mission-h i{border-radius:50%!important}
.qq-h .tag,.qq-h .pts,.lvl,.fact{font-family:var(--f-body)!important;font-weight:500!important}

/* barres de score et résultats : noir façon keynote */
.bar,.scorebar{background:rgba(29,29,31,.92)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px!important;top:calc(env(safe-area-inset-top,0px) + 56px)!important}
.tabs~* .bar,.tabs~* .scorebar{top:calc(env(safe-area-inset-top,0px) + 150px)!important}
.bar b,.scorebar b{font-family:var(--f-mono)!important}
.bar .btn{background:rgba(255,255,255,.14)!important;color:#fff!important}
.res{background:#000!important;border-radius:28px!important}
.res .big{color:#fff!important;letter-spacing:-.04em}

/* pied de page */
footer{background:#f5f5f7!important;color:#6e6e73!important;border-radius:0!important;box-shadow:0 0 0 100vmax #f5f5f7;clip-path:inset(0 -100vmax);font-size:12px!important;border-top:1px solid rgba(0,0,0,.06)}
footer *{color:inherit}

/* ===== Passe « épure » : numéros, étiquettes et missions sans pastilles colorées ===== */
.qq-h{gap:10px!important}
.qq-h i{display:inline-flex!important;align-items:center;width:auto!important;height:auto!important;background:none!important;color:#86868b!important;border-radius:0!important;font-size:17px!important;font-weight:600!important;font-variant-numeric:tabular-nums}
.qq-h i::after{content:"·";margin-left:10px;color:#c7c7cc}
.qq-h .tag{background:#fff!important;color:#6e6e73!important;font-weight:500!important;font-size:12.5px!important;padding:3px 10px!important;box-shadow:none!important}
.qq-h .pts{background:none!important;color:#86868b!important;font-weight:500!important;padding:0!important}
.qq.full .qq-h i,.qq.full .qq-h i::after{color:#1f9d55!important}
.mission-h{gap:12px!important;align-items:baseline!important}
.mission-h i{background:none!important;color:#86868b!important;padding:0!important;border-radius:0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase}
.mission-h b{font-size:19px!important;letter-spacing:-.02em}
.lvl{background:#fff!important;color:#424245!important;font-weight:500!important;letter-spacing:0!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important}
.lvl::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px;background:#1f9d55}
.lvl.n2::before{background:#c98a3c}.lvl.n3::before{background:#e8590c}.lvl.n4::before{background:#b5532f}
.opts button,.opts .opt{background:#fff!important;border-radius:14px!important}
.hero-img{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#e9dcc6;aspect-ratio:7/6}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}