/* ---------- l'en-tête du guide ---------- */
.hero--guide .lede{max-width:62ch}
.sig-guide{
  display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;padding-top:22px;
  border-top:1px solid var(--line);font-size:13px;color:var(--muted);
}
.sig-guide b{color:var(--ink);font-weight:700}

/* ---------- l'encadré : deux tons, deux usages ---------- */
.enc{padding:24px 26px;margin:32px 0}
.enc h3{margin:0 0 10px;font-size:16px}
.enc p{margin:0;font-size:15px;line-height:1.66}
.enc--cle{background:var(--accent-dim);border-left:2.5px solid var(--accent)}
.enc--cle h3{color:var(--accent-txt)}
.enc--cle p{color:var(--ink)}
.enc--attention{background:#FDF7EC;border-left:2.5px solid #B8862B}
.enc--attention h3{color:#7A4F00}
.enc--attention p{color:#6B4A12}

/* ---------- les cinq conditions ---------- */
.check{margin:28px 0;border-top:1px solid var(--line)}
.check .ligne{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;
  padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.check .n{font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-size:20px;font-weight:600;color:var(--accent-txt);letter-spacing:-.03em;line-height:1.3}
.check div{font-size:15px;color:var(--muted);line-height:1.66}
.check b{color:var(--ink);font-weight:700}

/* ---------- le calcul du seuil ---------- */
.calc{background:var(--deep);color:var(--on-deep);padding:28px 30px;margin:30px 0}
.calc .titre{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent-2);margin-bottom:20px}
.calc .ligne{display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding:14px 0;border-bottom:1px solid var(--deep-line);font-size:15px;color:var(--deep-mut)}
.calc .ligne b{font-family:var(--mono);font-size:19px;font-weight:600;color:var(--on-deep);flex:none}
.calc .ligne--res{border-bottom:none;color:var(--on-deep);font-weight:700}
.calc .ligne--res b{color:var(--accent-2);font-size:22px}
.calc .note{margin:16px 0 0;font-size:13px;color:rgba(234,240,236,.5);line-height:1.6}

/* ---------- tableaux : ils débordent sur leur propre axe, jamais la page ---------- */
.tab-wrap{overflow-x:auto;margin:26px 0;border:1px solid var(--line)}
.tab{border-collapse:collapse;width:100%;min-width:460px;background:var(--surface)}
.tab th,.tab td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);
  font-size:14px;line-height:1.55;vertical-align:top}
.tab th{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);font-weight:600;background:var(--bg);white-space:nowrap}
.tab td{color:var(--muted)}
.tab td:first-child{color:var(--ink);font-weight:600}
.tab tr:last-child td{border-bottom:none}
.tab .num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.tab .tot{color:var(--ink);font-weight:700;background:var(--accent-dim)}

/* ---------- les quatorze premiers jours ---------- */
.jours{margin:28px 0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.jours .j{background:var(--surface);padding:18px 20px;
  display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr);gap:20px;align-items:start}
.jours .d{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;
  font-weight:700;letter-spacing:.06em;color:var(--accent-txt);padding-top:2px}
.jours div{font-size:14.5px;color:var(--muted);line-height:1.64}
.jours b{color:var(--ink);font-weight:700}

/* ---------- la liste d'erreurs : numérotée parce que c'est un classement ---------- */
.prose ol.err{margin:22px 0;padding:0;list-style:none;counter-reset:e;
  display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.err li{background:var(--surface);counter-increment:e;padding:14px 18px 14px 52px;
  position:relative;font-size:14.5px;color:var(--muted);line-height:1.6}
.err li::before{content:counter(e,decimal-leading-zero);position:absolute;left:18px;top:14px;
  font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent-txt)}
.err b{color:var(--ink);font-weight:700}

/* ---------- la checklist imprimable ---------- */
.prose ul.coche{gap:0;margin:20px 0;border-top:1px solid var(--line)}
.coche li{padding:12px 0 12px 34px;border-bottom:1px solid var(--line);position:relative;display:block}
.coche li::before{content:"";position:absolute;left:0;top:13px;margin:0;
  width:15px;height:15px;background:transparent;border:1.5px solid var(--muted)}

/* ---------- les sources ---------- */
.prose ul.src li{font-size:14px;line-height:1.62}
.prose .fin{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px}
.btn-row--fin{margin:30px 0 10px}

/* ---------- responsive ---------- */
@media (max-width:700px){
  .check .ligne,.jours .j{grid-template-columns:minmax(0,1fr);gap:8px}
  .calc .ligne{flex-direction:column;gap:4px}
  .calc .ligne b{align-self:flex-start}
}

/* ============================================================
   IMPRESSION
   Le guide est fait pour finir en PDF depuis le navigateur.
   On retire tout ce qui ne s'imprime pas, on repasse le fond
   sombre en clair, et on empêche les tableaux de se couper.
   ============================================================ */
@media print{
  .topbar,.nav,.foot,.foot-bar,.notes,.doc-toc,.btn-row,.skip{display:none!important}
  body{background:#fff;font-size:11pt}
  .hero{padding:0 0 18pt}
  .blk{padding:0}
  .wrap{max-width:none;padding:0}
  .doc .wrap{display:block}
  .prose{max-width:none}
  h1{font-size:30pt}
  .prose h2{font-size:15pt;margin:22pt 0 8pt;break-after:avoid;page-break-after:avoid}
  .prose h3{font-size:12pt;break-after:avoid;page-break-after:avoid}
  .prose p,.prose li{color:#222;font-size:10.5pt;line-height:1.5}
  .prose a{color:#000;text-decoration:none}
  .calc{background:#F2F5F3;color:#111;border:1pt solid #999}
  .calc .titre{color:#0A7C5E}
  .calc .ligne{color:#333;border-bottom:1pt solid #CCC}
  .calc .ligne b,.calc .ligne--res,.calc .ligne--res b{color:#111}
  .calc .note{color:#555}
  .enc,.tab-wrap,.jours,.check,.calc,.err li{break-inside:avoid;page-break-inside:avoid}
  .tab-wrap{overflow:visible}
  .tab{min-width:0}
  .coche li::before{border-color:#333}
  .sig-guide{border-color:#999}
}