/* Fashion Geek · bulletins d'interros, style « labo produit » :
   plus d'arc-en-ciel, une seule teinte d'accent (violet), tuiles #f5f5f7, chiffres typographiques. */
.k1,.k2,.k3,.k4,.k5,.k6,.k7{--c:#1d1d1f;--cs:#f5f5f7;--ct:#1d1d1f;--con:#fff}

/* bulletin : grille de tuiles */
.book-h h2,.how h2{font-weight:700!important;letter-spacing:-.04em!important;font-size:clamp(28px,3.4vw,40px)!important}
.book-h p{color:#6e6e73!important}
.cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px!important;border:0!important;margin-top:22px}
.card{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important;min-height:178px;padding:20px 22px 18px!important;
  background:#f5f5f7!important;border:0!important;border-radius:22px!important;color:#1d1d1f!important;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background-color .2s!important}
@media (hover:hover){.card:hover{background:#fff!important;transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.09)}}
.card .num{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;display:block!important;
  color:#8e44d8!important;font:600 13px/1 var(--f-body)!important;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.card .num::before{content:"Interro "}
.card-t{gap:6px!important}
.card-t b{font:700 20px/1.12 var(--f-title)!important;letter-spacing:-.03em}
.card-t small{font-size:14px!important;color:#6e6e73!important;line-height:1.4!important}
.card-n{margin-top:auto;display:flex!important;align-items:baseline;justify-content:space-between;gap:8px;text-align:left!important;
  padding-top:12px;border-top:1px solid rgba(0,0,0,.07)}
.card-n b{font:700 22px var(--f-title)!important;letter-spacing:-.03em}
.card-n b.todo{order:2;font:500 13px var(--f-body)!important;color:#0066cc!important;background:none!important;padding:0!important;letter-spacing:0}
.card-n b.todo::after{content:" →"}
.card-n small{color:#86868b!important;font-size:12.5px!important}
.card-n b.good{color:#1f9d55!important}.card-n b.mid{color:#1d1d1f!important}.card-n b.low{color:#d70015!important}

/* bulletin : moyenne générale */
.report{background:#fff!important;border:0!important;border-radius:24px!important}
.report .avg{font-weight:700!important;letter-spacing:-.05em}
.spark i{background:#8e44d8!important;opacity:.85}
.spark i.empty{background:#d2d2d7!important;opacity:1}

/* barre des interros : pastilles neutres */
.tabs{background:rgba(251,251,253,.86)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important}
.tab b{background:#f5f5f7!important;color:#6e6e73!important;box-shadow:none!important;border-radius:50%!important;font-weight:600!important}
.tab.done b{background:#ece0f7!important;color:#8e44d8!important}
.tab.cur b{background:#1d1d1f!important;color:#fff!important}
.tab em{font-family:var(--f-body)!important;color:#424245!important}
.tab .tnote{color:#8e44d8!important;background:none!important}
.tabs-prog span{background:#8e44d8!important}

/* page d'interro */
.band{background:#f5f5f7!important;border:0!important;border-radius:28px!important;box-shadow:none!important}
.band .num{background:#fff!important;color:#8e44d8!important;border-radius:20px!important;font-weight:700!important;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.cours{background:#f5f5f7!important;border:1px solid transparent!important;border-radius:20px!important}
.cours[open]{border-color:rgba(142,68,216,.35)!important;background:#fff!important}
.qq{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:22px!important;box-shadow:0 2px 14px rgba(0,0,0,.03)!important}
.qq-h i{background:#f5f5f7!important;color:#1d1d1f!important;border-radius:50%!important;font-weight:650!important}
.how li b{color:#1d1d1f!important}

/* barre de note et résultat : verre clair au lieu du bandeau noir */
.bar{background:rgba(245,245,247,.88)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#1d1d1f!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:18px!important}
.bar small{color:#6e6e73!important}
.bar b{color:#1d1d1f!important;font-family:var(--f-title)!important;font-weight:700!important;letter-spacing:-.02em}
.bar b#note{color:#8e44d8!important}
.bar .btn{background:#fff!important;color:#1d1d1f!important;border:0!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important}
.res{background:#f5f5f7!important;color:#1d1d1f!important;border-radius:24px!important}
.res *{color:inherit}
.report .avg{color:#1d1d1f!important}

/* en-tête avec visuel produit (objets à droite, texte à gauche) */
.hero.has-img{grid-template-columns:minmax(0,1fr)!important;background:#f5f5f7 var(--hero) no-repeat right 4% top 42%/40% auto!important;min-height:560px;align-content:space-between;gap:28px!important;padding:clamp(26px,4vw,52px)!important}
.hero.has-img .hero-txt{max-width:min(600px,56%)}
.hero.has-img .report{flex-direction:row!important;align-items:center;gap:22px!important;padding:16px 22px!important;max-width:760px;
  background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:0 6px 24px rgba(0,0,0,.05)!important}
.hero.has-img .report small{white-space:nowrap}
.hero.has-img .report .avg{font-size:40px!important;white-space:nowrap}
.hero.has-img .report p{margin:0;font-size:14px;max-width:300px}
.hero.has-img .report .spark{flex:1;min-width:150px;height:44px!important;margin:0!important}
@media (max-width:760px){
  .hero.has-img{background-size:78% auto!important;background-position:center 24px!important;padding-top:62vw!important;min-height:0}
  .hero.has-img .hero-txt{max-width:none}
  .hero.has-img .report{flex-direction:column!important;align-items:stretch}
}

/* en-tête avec photo « atelier » (univers chaud : collège) */
.hero.has-photo{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(22px,3vw,40px)!important;padding:clamp(22px,3.4vw,40px)!important}
.hero.has-photo::before{content:"";grid-column:2;grid-row:1;background:var(--hero) 60% 40%/cover no-repeat;border-radius:24px;min-height:440px}
.hero.has-photo .hero-txt{grid-column:1;grid-row:1}
.hero.has-photo .report{grid-column:1/-1;grid-row:2;flex-direction:row!important;align-items:center;gap:22px!important;padding:16px 22px!important;background:#fff!important;box-shadow:none!important}
.hero.has-photo .report small{white-space:nowrap}
.hero.has-photo .report .avg{font-size:40px!important;white-space:nowrap}
.hero.has-photo .report p{margin:0;font-size:14px;max-width:340px}
.hero.has-photo .report .spark{flex:1;min-width:150px;height:44px!important;margin:0!important}
@media (max-width:760px){.hero.has-photo{grid-template-columns:1fr!important}.hero.has-photo::before{grid-column:1;min-height:0;aspect-ratio:7/6}.hero.has-photo .hero-txt{grid-row:2}.hero.has-photo .report{grid-row:3;flex-direction:column!important;align-items:stretch}}