/* ══════════════════════════════════════════════════════════════
   À PROPOS — feuille d’appoint
   Chargée après style.css, qui n’est pas modifié.
   Ne restyle que l’intérieur du panneau : .ap et ses enfants.
   La mécanique du tiroir (ouverture, fermeture, sticky) reste
   celle de style.css et de script.js.
══════════════════════════════════════════════════════════════ */

.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; }
}

/* ── le fond ne défile plus quand le panneau est ouvert ──
   Sans ça, la galerie continuait de glisser derrière un panneau immobile.
   La gouttière de barre de défilement est réservée en permanence pour
   qu’aucun décalage n’apparaisse à l’ouverture. ── */
@supports (scrollbar-gutter: stable){
  html{ scrollbar-gutter: stable; }
}
body.about-open{ overflow:hidden; }