/* Mise en page retenue le 17/09/2026 — des panneaux : chaque partie d'une section est posée sur un
   papier plus clair, sans bordure ; le titre de section reste dehors. */
.sheet{border-top:0;padding-block:72px 40px}
.hero{border-bottom:0}
.word{position:relative;padding-top:18px}
.word::before{content:"";position:absolute;top:0;left:0;width:44px;height:2px;background:var(--manque)}
.block{background:#FDFAF5;padding:28px 30px;margin-top:22px}
.block:first-of-type{margin-top:30px}
.block.two>*,.block.three>*{min-width:0}
.sources-mini{border-top:0}
@media (max-width:640px){.block{padding:20px 16px;margin-inline:-4px}}
/* Qui décide : les étapes du budget, dans l'ordre (la numérotation est une vraie séquence) */
.etapes{list-style:none;margin:6px 0 0;padding:0;counter-reset:e;display:grid;gap:0}
.etapes li{counter-increment:e;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:14px 0;border-bottom:1px solid var(--rule);color:var(--ink-2);font-size:16.5px;line-height:1.5}
.etapes li::before{content:counter(e);grid-row:1/3;font:500 30px/1 var(--display);color:var(--manque)}
.etapes li b{display:block;font:600 18px/1.3 var(--text);color:var(--ink);margin-bottom:2px}
.who li .srcs{display:inline}
.who.trois{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.block>.seul{max-width:560px}

/* ── Version alisontartary.com (21/09/2026) ── */
/* le mot d'Alison, en tête */
.mot{margin:0 0 30px;max-width:56ch;font:400 italic clamp(18px,1.9vw,21px)/1.5 var(--text);color:var(--ink-2);padding-left:16px;border-left:2px solid var(--manque)}
.mot .sig{display:block;margin-top:8px;font:600 12px/1.4 var(--ui);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--manque)}
/* l'essentiel en 5 chiffres */
.essentiel{margin-top:44px;background:#FDFAF5;padding:28px 30px}
.essentiel ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0}
.essentiel li{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:4px 22px;align-items:baseline;padding:14px 0;border-top:1px solid var(--rule)}
.essentiel li b{font:600 clamp(28px,3.4vw,38px)/1 var(--text);color:var(--manque);font-variant-numeric:lining-nums;white-space:nowrap}
.essentiel li span{font-size:17px;line-height:1.45;color:var(--ink)}
@media (max-width:640px){.essentiel{padding:20px 16px;margin-inline:-4px}.essentiel li{grid-template-columns:1fr}}
/* les retraites : actifs par retraité */
.ratio2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-self:center}
.ratio2 div{border-top:2px solid var(--ink);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.ratio2 b{font:600 clamp(48px,6vw,72px)/1 var(--text);color:var(--ink);font-variant-numeric:lining-nums}
.ratio2 b.red{color:var(--manque)}
.ratio2 span{font-size:15px;color:var(--muted);line-height:1.35}
/* encadrés repliés : on voit le titre et ce qu'il y a dedans, on déplie si on veut */
details.pli>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px 16px;align-items:baseline}
details.pli>summary::-webkit-details-marker{display:none}
details.pli>summary h3{margin:0}
details.pli>summary span{grid-column:1;font-size:15px;color:var(--muted)}
details.pli>summary::after{content:"+";grid-column:2;grid-row:1;font:400 26px/1 var(--text);color:var(--manque);text-align:right}
details.pli[open]>summary::after{content:"−"}
details.pli[open]>summary{margin-bottom:16px}
/* les ratés : « voir les autres » */
.plus{margin-top:26px;font:600 15px/1 var(--text);background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 18px;cursor:pointer}
.plus:hover{background:var(--ink);color:var(--paper)}
.rate[hidden],[hidden]{display:none!important}
/* l'encart de présentation, en tête */
.moi{display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;align-items:start;background:#FDFAF5;padding:22px 24px;margin:0 0 34px;max-width:760px;border-left:3px solid var(--manque)}
.moi img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 30%;display:block}
.moi p{margin:0 0 8px;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.moi .moi-nom{font:600 13px/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--manque);margin-bottom:6px}
.moi .moi-these{margin:0;color:var(--ink);font-weight:600}
.moi .moi-these a{color:var(--manque);text-underline-offset:3px;white-space:nowrap}
@media (max-width:640px){.moi{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px 16px}.moi img{width:56px;height:56px}}
/* ma lecture */
#lecture .say{max-width:30ch}
.sig-fin{margin:14px 0 0;font:600 13px/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--manque)}
.moi .moi-nom span{display:block;margin-top:3px;font:400 italic 15px/1.3 var(--text);letter-spacing:0;text-transform:none;color:var(--muted)}
#lecture .sub.fin{font-size:18px;color:var(--ink);max-width:56ch;margin-bottom:14px}
/* Ma lecture : fond bleu nuit, on quitte les chiffres pour l'avis d'Alison */
.lecture{--nuit:#14223A;--papier:#F4EDE2;--pale:rgba(244,237,226,.72);--filet:rgba(244,237,226,.16);--rouge:#F07A68;background:var(--nuit);color:var(--papier);padding-block:96px 88px;margin-top:40px}
.lecture .wrap{display:grid;gap:56px}
.lec-kicker{margin:0;font:600 12px/1.4 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.lec-titre{margin:-40px 0 0;font:500 clamp(34px,4.6vw,58px)/1.08 var(--display);letter-spacing:-.015em;max-width:20ch;text-wrap:balance;font-optical-sizing:none}
.lec-titre em{font-style:italic;color:var(--rouge)}
.lec-intro{margin:-24px 0 0;max-width:58ch;font:400 italic clamp(19px,2vw,22px)/1.5 var(--text);color:var(--pale)}
.lec-trois{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:36px}
.lec-trois>div{border-top:1px solid var(--filet);padding-top:20px}
.lec-n{display:block;font:500 40px/1 var(--display);color:var(--rouge);margin-bottom:14px}
.lecture h3{margin:0 0 10px;font:600 21px/1.25 var(--text)!important;color:var(--papier)}
.lec-trois p,.lec-these>p{margin:0;font-size:16.5px;line-height:1.6;color:var(--pale)}
.lec-these{border-top:1px solid var(--filet);padding-top:30px}
.lec-these>p{max-width:60ch;margin-bottom:28px}
.lec-cas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.lec-cas>div{background:rgba(244,237,226,.06);padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px}
.lec-cas b{font:600 34px/1 var(--text);color:var(--rouge);font-variant-numeric:lining-nums}
.lec-cas span{font-size:15.5px;line-height:1.5;color:var(--pale)}
.lec-cas em{margin-top:auto;padding-top:10px;border-top:1px solid var(--filet);font:italic 400 16.5px/1.4 var(--text);color:var(--papier)}
.lec-questions{border-top:1px solid var(--filet);padding-top:30px}
.lec-questions ol{list-style:none;margin:14px 0 0;padding:0;counter-reset:q;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.lec-questions li{counter-increment:q;display:flex;flex-direction:column;gap:6px}
.lec-questions li::before{content:counter(q);font:500 34px/1 var(--display);color:var(--rouge);margin-bottom:6px}
.lec-questions li b{font:600 20px/1.3 var(--text);color:var(--papier)}
.lec-questions li span{font-size:15.5px;color:var(--pale)}
.lec-fin{margin:0;max-width:52ch;font:400 clamp(18px,1.9vw,21px)/1.5 var(--text);color:var(--pale)}
.lec-chute{margin:-36px 0 0;font:500 clamp(30px,4vw,48px)/1.12 var(--display);letter-spacing:-.01em;max-width:22ch;text-wrap:balance;font-optical-sizing:none}
.lec-chute em{font-style:italic;color:var(--rouge)}
.lec-sig{margin:-40px 0 0;font:600 12px/1.4 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--rouge)}
.lecture a{color:var(--papier)}
@media (max-width:640px){.lecture{padding-block:64px 60px}.lecture .wrap{gap:44px}.lec-titre{margin-top:-30px}.lec-chute{margin-top:-26px}.lec-sig{margin-top:-30px}}
/* alignement : une seule grille de 3 colonnes pour les trois rangées, mêmes bords, mêmes hauteurs de ligne */
.lec-trois,.lec-cas,.lec-questions ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:0}
.lec-trois>div,.lec-cas>div,.lec-questions li{display:grid;grid-template-rows:subgrid;align-content:start}
.lec-trois>div{grid-row:span 3;border-top:1px solid var(--filet);padding-top:20px}
.lec-trois>div>*{margin:0}
.lec-trois .lec-n{margin-bottom:14px}
.lec-trois h3{margin-bottom:10px!important}
.lec-cas>div{grid-row:span 3;background:none;padding:18px 0 0;border-top:2px solid var(--rouge);gap:0}
.lec-cas b{margin-bottom:10px}
.lec-cas span{margin-bottom:14px}
.lec-cas em{margin-top:0;padding-top:12px}
.lec-questions ol{margin-top:18px}
.lec-questions li{grid-row:span 3;gap:0}
.lec-questions li::before{margin-bottom:10px}
.lec-questions li b{margin-bottom:6px}
@media (max-width:760px){
  .lec-trois,.lec-cas,.lec-questions ol{grid-template-columns:1fr;row-gap:30px}
  .lec-trois>div,.lec-cas>div,.lec-questions li{grid-row:auto;grid-template-rows:none}
}
/* en-tête : seulement le titre, au centre (21/09/2026) */
.top .chips{display:none}
.top .wrap{justify-content:center}
.brand span{display:inline!important;font-size:16px;letter-spacing:.01em}
/* Trois caisses sur téléphone : la même information, à la verticale, sans glisser */
.flow-mobile{display:none}
@media (max-width:700px){
  #flow{display:none}
  .flow-mobile{display:block}
  .flow-mobile .fm{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline;margin:14px 0}
  .flow-mobile .fm span{font-weight:600;font-size:17px;color:var(--ink)}
  .flow-mobile .fm b{font-weight:800;font-size:22px;color:var(--ink);font-variant-numeric:lining-nums}
  .flow-mobile .fm i{grid-column:1/-1;display:block;height:14px}
  .flow-mobile .sub{margin:0 0 6px}
  .flow-mobile .sub+.fm{margin-top:18px}
}
@media (max-width:700px){.scroll-x{overflow-x:visible}.scroll-x>div{min-width:0}}