/* ══════════════════════════════════════════════════════════════
   Couche « document » : pages légales et administration.
   À charger APRÈS site.css, qui fournit les jetons, la nav,
   les boutons et le pied de page.
   ══════════════════════════════════════════════════════════════ */

:root{
  /* alias hérités, conservés pour admin.html */
  --panel:var(--card);
  --panel2:var(--card-2);
  --accent:var(--amber);
  --accent-ink:var(--on-amber);
  --txt:#C9C1B8;
  --dim:var(--dim-2);
}

/* pied de page collé en bas sur les documents courts */
body{display:flex; flex-direction:column; min-height:100vh}
body > .doc{flex:1}

/* colonne de lecture */
.doc{max-width:820px; margin:0 auto; padding:0 var(--pad-x) 96px}
.doc.wide{max-width:1200px}

/* en-tête de page */
.docHead{padding:64px 0 40px; display:flex; flex-direction:column; gap:12px}
.docHead h1{
  margin:0; font-family:var(--mono); font-weight:700;
  font-size:36px; letter-spacing:.08em; color:var(--amber); line-height:1.2;
}

/* corps du document */
.doc h2{font-size:18px; font-weight:700; color:var(--txt); margin:38px 0 10px}
.doc h3{font-size:15px; font-weight:600; color:var(--txt-2); margin:24px 0 8px}
.doc p, .doc li{color:var(--dim); line-height:1.7}
.doc strong, .doc b{color:var(--txt-2)}
.doc ul, .doc ol{padding-left:20px}

.box{background:var(--card); border:1px solid var(--line-2); border-radius:12px;
     padding:18px 22px; margin:20px 0}
.box p{margin:0}
.box.warn{background:var(--card-2); border-color:var(--amber-line)}
.box.warn b{color:var(--amber)}

.doc table{width:100%; border-collapse:collapse; margin:16px 0; font-size:13.5px}
.doc th, .doc td{text-align:left; padding:10px; border-bottom:1px solid var(--line-2); vertical-align:top}
.doc th{font-family:var(--mono); font-weight:400; color:var(--dim-4);
        font-size:10px; letter-spacing:.2em; text-transform:uppercase}
.doc td{color:var(--txt-3)}

code{background:var(--card-2); border:1px solid var(--line-2); padding:1px 6px;
     border-radius:4px; font-family:var(--mono); font-size:12.5px; color:var(--txt-2)}

@media (max-width:600px){
  .docHead{padding:44px 0 32px}
  .docHead h1{font-size:26px}
}