/* Couche de lecture — 1er oct. 2026. Couleurs reprises de la charte du site via --lx-* (repli : sauge/terracotta). */
.lx{--lx-ac:var(--lx-accent,#A0522D);--lx-ink:var(--lx-texte,#1E1A14);--lx-bg:var(--lx-fond,#FBF7F1);--lx-line:rgba(30,26,20,.12)}
.lx .lx-bar{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--lx-ac);transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none}
.lx h2.lx-h{position:relative;margin-top:3.2rem!important;padding-top:1.4rem!important;border-top:1px solid var(--lx-line);scroll-margin-top:130px}
.lx h2.lx-h::before{content:attr(data-n);display:block;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--lx-ac);margin-bottom:.35rem}
.lx .lx-toc{margin:1.6rem 0 1rem;font-size:15px}
.lx .lx-d{border:1px solid var(--lx-line);border-radius:14px;background:var(--lx-bg);padding:.2rem 1.1rem}
.lx .lx-d summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;font-weight:700;color:var(--lx-ink)}
.lx .lx-d summary::-webkit-details-marker{display:none}
.lx .lx-d summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--lx-ac);border-bottom:2px solid var(--lx-ac);transform:rotate(45deg);transition:transform .25s}
.lx .lx-d[open] summary::after{transform:rotate(-135deg)}
.lx .lx-t{margin-left:auto;font-weight:600;font-size:13px;color:var(--lx-ac)}
.lx .lx-k{display:none}
.lx .lx-toc ol{list-style:none;margin:0 0 .9rem;padding:0;counter-reset:lx}
.lx .lx-toc li{counter-increment:lx}
.lx .lx-toc a{display:flex;gap:.7rem;padding:.55rem .2rem;min-height:40px;align-items:center;color:var(--lx-ink)!important;text-decoration:none!important;border-top:1px solid var(--lx-line);line-height:1.3}
.lx .lx-toc a::before{content:counter(lx,decimal-leading-zero);font-size:12px;font-weight:700;color:var(--lx-ac);min-width:1.6rem}
.lx .lx-toc a:hover,.lx .lx-toc a.on{color:var(--lx-ac)!important}
.lx .lx-up{position:fixed;right:18px;bottom:88px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--lx-ink);color:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s;z-index:60}
.lx .lx-up.on{opacity:1;transform:none;pointer-events:auto}
.lx .lx-up svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Grand écran : sommaire fixe à gauche de la colonne de lecture */
@media (min-width:1200px){
 .lx div.lx-toc{position:fixed;top:140px;left:max(16px,calc(50% - 380px - 290px));width:260px;margin:0;max-height:calc(100vh - 170px);overflow:auto;z-index:20}
 .lx .lx-d{background:transparent;border:0;padding:0}
 .lx .lx-d summary{min-height:0;padding:0 0 .6rem;cursor:default;pointer-events:none}
 .lx .lx-d summary span:first-child{display:none}
 .lx .lx-d summary::after{display:none}
 .lx .lx-t{margin-left:0}
 .lx .lx-k{display:block;margin:0 0 .4rem;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lx-ink);opacity:.7}
 .lx .lx-toc a{font-size:14px;border-top:0;padding:.42rem 0;min-height:0}
 .lx .lx-toc a.on{font-weight:700}
}
@media (prefers-reduced-motion:reduce){.lx .lx-up,.lx .lx-d summary::after{transition:none}}
.lx .lx-toc li{list-style:none!important;padding-left:0!important;margin:0!important}
.lx .lx-toc li::before,.lx .lx-toc li::marker{content:none!important;display:none!important}
