/* Version A « Magazine » : blanc franc, titres gras serrés, rouge vif, surligneur jaune */
:root{
  --paper:#FFFFFF; --paper-2:#F1F1EE;
  --ink:#111111; --ink-2:#2B2B2B; --muted:#6E6E6E;
  --rule:#E6E6E3; --bar:#111111; --bar-soft:#CFCFCA;
  --etat:#2F5BFF; --secu:#11A36B; --coll:#FF9F1C;
  --manque:#FF3B2F; --manque-soft:#FFE3DF; --focus:#FF3B2F;
  --display:"Hanken Grotesk",system-ui,sans-serif;
  --text:"Hanken Grotesk",system-ui,sans-serif;
  --ui:"Hanken Grotesk",system-ui,sans-serif;
}
body{font-size:17px}
.block,.essentiel{background:#F6F6F3}
.note,.tampon,.lrow .k small,.ledger2 .r .l small,.chart text{color:#7A7A7A;fill:#7A7A7A}
.rk-c{color:#9A9A9A}
.top{background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.brand span{font-weight:800;letter-spacing:-.01em}
.avis{font-weight:800;letter-spacing:-.045em;line-height:.98}
.word{font-weight:800;letter-spacing:-.04em;font-size:clamp(40px,5.6vw,72px);line-height:.95}
.word::before{height:8px;width:56px;background:#FFD60A}
.lede{font-style:normal;font-weight:500}
.dateline{letter-spacing:.12em}
.lrow .v,.big,.counter .c,.rate .amt,.essentiel li b,.ledger2 .r .v,.rk-v{font-weight:800;letter-spacing:-.03em}
.say,.lec-chute,.moi .moi-these{background:linear-gradient(transparent 58%,#FFE45C 58%,#FFE45C 92%,transparent 92%);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.say{font-weight:800}
.mot,.moi{border-left-color:#FFD60A}
.moi{background:#F6F6F3}
.moi .moi-nom{color:#111}
.moi .moi-these a{color:#FF3B2F}
.essentiel li b{color:#FF3B2F}
.etapes li::before,.lec-n,.lec-questions li::before{font-family:"Hanken Grotesk";font-weight:800}
/* Ma lecture : noir et rouge vif, sans jaune */
.lecture{--nuit:#111111;--rouge:#FF5A4E}
.lec-titre,.lec-chute{font-weight:800;letter-spacing:-.035em}
.lec-titre em,.lec-chute em{font-style:normal;color:#FF5A4E}
.lecture .lec-chute{background:none}
.lec-cas b{color:#FF5A4E}
.lec-cas>div{border-top-color:#FF5A4E}
/* Ma lecture : une lettre, dans le style du site — texte lisible, lettrine, signature manuscrite */
.lettre{padding:clamp(24px,5vw,56px) clamp(20px,6vw,72px)}
.lettre p{margin:0 0 1.1em;max-width:64ch;font:400 18.5px/1.75 "Hanken Grotesk",system-ui,sans-serif;color:#2B2B2B}
.lettre b{font-weight:700;color:#111}
.lettrine::first-letter{float:left;font:800 4.2em/.8 "Hanken Grotesk",system-ui,sans-serif;color:#FF3B2F;margin:.08em .1em 0 0}
.lettre .lettre-fin{margin-top:1.4em;font:800 clamp(22px,2.6vw,30px)/1.3 "Hanken Grotesk",system-ui,sans-serif;letter-spacing:-.02em;color:#111;max-width:30ch}
.lettre .lettre-sig{margin:22px 0 0;max-width:none;font:400 clamp(46px,5vw,62px)/1 "Mrs Saint Delafield",cursive;color:#111}
/* Les quatre parties : un bandeau qui pose la question, un « À retenir » qui y répond */
.partie{padding-block:88px 8px}
.partie .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:28px;align-items:end;border-top:8px solid #111;padding-top:26px}
.partie .p-num{grid-row:span 2;font:800 clamp(90px,12vw,150px)/.8 "Hanken Grotesk",sans-serif;color:#FF3B2F;letter-spacing:-.06em}
.partie h2{margin:0;font:800 clamp(34px,4.8vw,60px)/1 "Hanken Grotesk",sans-serif;letter-spacing:-.04em;color:#111;text-wrap:balance}
.partie p{margin:10px 0 0;font:500 clamp(18px,1.9vw,22px)/1.4 "Hanken Grotesk",sans-serif;color:#555}
.retenir{margin:34px 0 10px;background:#FFF4B8;border-left:8px solid #FFD60A;padding:24px 28px}
.retenir b{display:block;font:800 13px/1.3 "Hanken Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#111;margin-bottom:8px}
.retenir p{margin:0;max-width:62ch;font:600 clamp(18px,1.9vw,21px)/1.5 "Hanken Grotesk",sans-serif;color:#111}
#plusloin details.pli{margin-top:14px}
@media (max-width:640px){.partie{padding-block:60px 0}.partie .wrap{column-gap:16px}.retenir{padding:18px 18px;margin-inline:-4px}}
.partie .wrap{border-top:0;position:relative}
.partie .wrap::before{content:"";position:absolute;top:0;left:20px;right:20px;height:8px;background:#111}
/* « Pour aller plus loin » : à la fin de chaque partie, replié */
.plus-partie{margin-top:40px}
.pl-titre{margin:0 0 4px;font:800 13px/1.3 "Hanken Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6E6E6E}
.plus-partie details.pli{margin-top:10px;padding:18px 24px}
.plus-partie details.pli>summary h3{font-size:18px!important}
@media (max-width:640px){.plus-partie details.pli{padding:16px 16px;margin-inline:-4px}}
/* En 1 minute : quatre réponses, chacune renvoie à sa partie */
.minute li{grid-template-columns:minmax(110px,150px) minmax(0,1fr)}
.minute li span{font-size:17px;line-height:1.55}
.minute li strong{display:block;font-weight:800;color:#111;margin-bottom:2px}
.minute li a{color:#FF3B2F;font-weight:700;text-underline-offset:3px;white-space:nowrap}
/* accroche au-dessus de la lettre */
.accroche{margin:26px 0 0;max-width:30ch;font:800 clamp(24px,3vw,34px)/1.2 "Hanken Grotesk",sans-serif;letter-spacing:-.025em;color:#111}
@media (max-width:640px){.minute li{grid-template-columns:1fr}.minute li b{margin-bottom:4px}}
/* Ma lecture sur deux colonnes, comme un journal (ordinateur seulement) */
@media (min-width:900px){
  .lettre{column-count:2;column-gap:56px;column-rule:1px solid #E6E6E3}
  .lettre p{max-width:none;break-inside:avoid-column}
  .lettre .lettre-sig{column-span:all;margin-top:28px}
}
/* Texte un cran plus petit partout (21/09/2026 : « c'est écrit gros ») */
body{font-size:16px}
.word{font-size:clamp(34px,4.4vw,54px)}
.avis{font-size:clamp(34px,4.8vw,58px)}
.lede,.avis-sub{font-size:clamp(17px,1.6vw,19px)}
.partie .p-num{font-size:clamp(70px,9vw,110px)}
.partie h2{font-size:clamp(28px,3.6vw,44px)}
.partie p{font-size:clamp(16px,1.6vw,19px)}
.retenir p{font-size:clamp(16px,1.6vw,18px)}
.say{font-size:clamp(18px,1.9vw,22px)}
.lettre p{font-size:16.5px;line-height:1.7}
.accroche{font-size:clamp(20px,2.3vw,27px)}
.lettre .lettre-sig{font-size:clamp(40px,4vw,52px)}
.moi p{font-size:15.5px}
.minute li span{font-size:16px}
.essentiel li b{font-size:clamp(24px,2.8vw,32px)}
.lrow .v{font-size:clamp(30px,4vw,46px)}
.big{font-size:clamp(28px,3.2vw,36px)}
.sub{font-size:15px}