/* ITIWE V4 — appareil de lecture : sommaire latéral + repli progressif.
   Trois modes portés par [data-lecture] : rail | sections | global. */
.reader{max-width:1320px;margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:236px minmax(0,1fr);gap:var(--s20);align-items:start}
.reader .wrap{max-width:none;padding:0}
.reader .band{padding:var(--s20) 0;scroll-margin-top:104px}
.reader .band--flush{padding-top:0}

.rail{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--s4)}
.rail__title{order:1;font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);margin:0}
.rail__list{order:2;list-style:none;margin:0;padding:0;display:grid;gap:0}
.rail__list a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--ink-10);font:400 14px/1.35 var(--font-body);color:var(--ink-60);text-decoration:none;text-wrap:pretty;transition:color var(--t-fast)}
.rail__list a:hover{color:var(--ink)}
.rail__list a[aria-current="true"]{color:var(--ink);font-weight:500}
.rail__n{font:500 11px/1.5 var(--font-mono);color:var(--ink-20)}
.rail__list a[aria-current="true"] .rail__n{color:var(--vermillon)}
.rail__bar{order:3}
.rail__toggle{display:none}
.rail__action{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--font-body);color:var(--ink);border-bottom:1px solid var(--ink-20);padding-bottom:5px}
.rail__action:hover{color:var(--vermillon);border-color:var(--vermillon)}
.rail__modes{display:inline-flex;border:1px solid var(--ink-20);border-radius:var(--r-sm);overflow:hidden}
.rail__modes button{font:500 12px/1 var(--font-body);padding:9px 12px;color:var(--ink-60);white-space:nowrap}
.rail__modes button[aria-pressed="true"]{background:var(--ink);color:var(--paper-warm)}

@media(max-width:1079px){
.reader{display:block;max-width:var(--wrap)}
.rail{position:sticky;top:71px;z-index:40;display:block;margin:0 calc(var(--pad) * -1) var(--s8);padding:0 var(--pad);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-10)}
.rail__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px}
.rail__toggle{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.rail__toggle .chev{transition:transform var(--t-fast)}
.rail__toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}
.rail__title{display:none}
.rail__list{display:none}
.rail[data-open] .rail__list{display:grid;padding-bottom:var(--s6)}
.rail__list a{padding:11px 0}
}

.fold{display:grid}
.fold__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms cubic-bezier(.2,0,0,1)}
.fold[data-open] .fold__body{grid-template-rows:1fr}
.fold__inner{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s linear 320ms}
.fold[data-open] .fold__inner{visibility:visible;transition-delay:0s}
.fold__inner>:first-child{padding-top:var(--s6)}
.fold__btn{justify-self:start;display:inline-flex;align-items:center;gap:9px;margin-top:var(--s6);font:500 14px/1 var(--font-body);color:var(--ink);border-bottom:1px solid var(--ink-20);padding-bottom:5px;transition:color var(--t-fast),border-color var(--t-fast)}
.fold__btn:hover{color:var(--vermillon);border-color:var(--vermillon)}
.fold__chev{transition:transform var(--t-base)}
.fold[data-open] .fold__chev{transform:rotate(180deg)}
[data-lecture="global"] .fold__btn{display:none}
.guarantee .fold__btn{color:var(--paper-warm);border-color:rgba(255,255,255,.34)}
.guarantee .fold__btn:hover{color:#fff;border-color:#fff}
.guarantee>p:has(+.fold){margin-bottom:0}
@media print{.fold__body{grid-template-rows:1fr}.fold__inner{visibility:visible}.fold__btn,.rail{display:none}.reader{display:block}}
@media(prefers-reduced-motion:reduce){.fold__body{transition:none}}
