/* ══════════════════════════════════════════════════════════════
   À PROPOS — feuille d’appoint
   Chargée après style.css. Ne concerne que l’intérieur
   du panneau : .ap et ses enfants.
══════════════════════════════════════════════════════════════ */

.ap{ padding:0 !important; }
.ap > *{ padding-left:16px; padding-right:16px; }


/* ── blocs ── */
.ap-bloc{
  padding-top:16px; padding-bottom:17px;
  border-bottom:1px solid var(--line);
}
.ap-tete{
  padding-top:20px; padding-bottom:20px;
  border-bottom:var(--rule-heavy) solid var(--ink);
}
.ap-tete .ap-def{ font-size:17px; }
.ap-bloc h3{
  margin:0 0 10px;
  font-family:var(--font-sans); font-size:9.5px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3);
  font-variation-settings:"wght" 300;
}
.ap-def{
  margin:0; font-family:var(--font-serif); font-size:16px; line-height:1.42;
  font-variation-settings:"wght" 300; color:var(--ink);
}

/* ── l’état du fonds, en colonnes ── */
.ap-etat{
  display:grid; grid-template-columns:auto 1fr; gap:2px 16px;
  margin:12px 0 0; align-items:baseline;
}
.ap-etat dt{
  font-family:var(--font-sans); font-size:9.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-3);
  font-variation-settings:"wght" 300;
}
.ap-etat dd{
  margin:0; font-family:var(--font-serif); font-size:17px;
  font-variation-settings:"wght" 600; font-variant-numeric:tabular-nums;
}

.ap-typo{
  display:grid; grid-template-columns:auto 1fr; gap:3px 16px;
  margin:0; align-items:baseline;
}
.ap-typo dt{
  font-family:var(--font-serif); font-size:16px;
  font-variation-settings:"wght" 600;
}
.ap-typo dd{
  margin:0; font-family:var(--font-serif); font-size:16px;
  font-variation-settings:"wght" 300; color:var(--ink-3);
}

/* ── les noms ── */
.ap-noms{
  list-style:none; margin:0; padding:0;
  columns:2; column-gap:22px;
}
.ap-noms li{
  break-inside:avoid;
  font-family:var(--font-serif); font-size:15px; line-height:1.5;
  font-variation-settings:"wght" 400;
}


.ap-colophon{
  margin:0; padding-top:16px; padding-bottom:26px;
  font-family:var(--font-sans); font-size:9.5px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--ink-3);
  font-variation-settings:"wght" 300;
}

@media (max-width:420px){
  .ap-noms{ columns:1; }
}

/* ── Verrou de défilement du fond pendant l’ouverture.
   Gouttière réservée en permanence, pour éviter tout décalage. ── */
@supports (scrollbar-gutter: stable){
  html{ scrollbar-gutter: stable; }
}
body.about-open{ overflow:hidden; }