/* Lire Debord — les pages de site (à propos, mentions légales). Le socle est
   dans /assets/site.css ; ici la mise en page à deux colonnes : le sommaire en
   marge collante, la prose au centre — c'est la forme de l'atelier, appliquée
   à des pages qui se parcourent autant qu'elles se lisent. */
.pg-tete{margin-bottom:clamp(28px,4vw,48px);max-width:66ch}
.pg-tete .sec-h{max-width:20ch}
.pg-grid{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.pg-somm{position:sticky;top:72px;background:var(--blanc);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.pg-somm .th-h{font-family:var(--f-titre);font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fleche-text);margin:0 0 10px}
.pg-somm ol{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:1px}
.pg-somm li{counter-increment:s;display:grid;grid-template-columns:1.6em minmax(0,1fr);gap:4px;font-size:.88rem;line-height:1.35}
.pg-somm li::before{content:counter(s,upper-roman);font-family:var(--f-titre);font-weight:600;color:var(--muted);font-size:.78rem;padding-top:6px}
.pg-somm a{display:inline-block;padding:5px 0;color:var(--trait);text-decoration:none}
.pg-somm a:hover{color:var(--fleche-text)}
.pg-somm li.est-la a{color:var(--encre);font-weight:600}
.pg-somm li.est-la::before{color:var(--fleche)}
.pg-corps{max-width:68ch}
.pg-corps h2{counter-increment:pg;display:flex;gap:14px;align-items:baseline;scroll-margin-top:72px;margin-top:2em}
.pg-corps h2::before{content:counter(pg,upper-roman);font-family:var(--f-titre);font-weight:400;color:var(--fleche);font-size:.8em;letter-spacing:0}
.pg-corps{counter-reset:pg}
.pg-corps h2:first-child{margin-top:0}
.pg-corps p b:first-child{color:var(--encre)}
@media(max-width:900px){
  .pg-grid{grid-template-columns:1fr}
  .pg-somm{position:static;order:-1}
}