/* =============================================================
   Akwamining — Parcours administratif (multi-pages)
   Charte officielle : navy #1A3263 / or #D4AF37 / Montserrat
   Encapsulé sous .parcours-wrapper pour éviter toute pollution CSS
   ============================================================= */
:root {
  --parcours-navy:   #1A3263;
  --parcours-navy-2: #0F1B3C;
  --parcours-gold:   #D4AF37;
  --parcours-gold-2: #B8961F;
  --parcours-gold-tint: #FEF7E6;
  --parcours-paper:  #F8F9FA;
  --parcours-white:  #FFFFFF;
  --parcours-ink:    #1F2937;
  --parcours-ink-2:  #4B5563;
  --parcours-muted:  #6B7280;
  --parcours-border: #E5E7EB;
  --parcours-danger: #B3322B;
  --parcours-danger-tint:#FCEBE9;

  --parcours-bar-thin: 4px;
  --parcours-bar-rule: 1.5px;
  --parcours-bar-width: 72px;

  --parcours-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --parcours-mono: ui-monospace, "SF Mono", Menlo, monospace;
}

.parcours-wrapper {
  background: var(--parcours-paper);
  color: var(--parcours-ink);
  font-family: var(--parcours-sans);
  font-size: 14.5px;
  line-height: 1.6;
}

.parcours-wrapper .page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.parcours-wrapper .page-inner {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 0 48px;
}

@media (max-width: 760px) {
  .parcours-wrapper .page-inner {
    padding: 0 22px;
  }
}

/* ─────────────────────────────────────────────
   MAST — bandeau navy compact (en tête de page)
   ───────────────────────────────────────────── */
.parcours-wrapper .mast {
  background: var(--parcours-navy);
  color: #fff;
  padding: 20px 0 22px;
}

.parcours-wrapper .mast-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.parcours-wrapper .mast-brand {
  font-family: var(--parcours-sans);
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

.parcours-wrapper .mast-brand .accent {
  color: var(--parcours-gold);
}

.parcours-wrapper .mast-crumb {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 11.5px;
  letter-spacing: .06em;
  color: rgba(255, 255, 255, 0.62);
}

.parcours-wrapper .mast-crumb a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
}

.parcours-wrapper .mast-crumb a:hover {
  color: var(--parcours-gold);
}

.parcours-wrapper .mast-crumb .sep {
  color: rgba(255, 255, 255, 0.28);
}

.parcours-wrapper .mast-pager {
  font-family: var(--parcours-mono);
  font-size: 11px;
  letter-spacing: .18em;
  color: var(--parcours-gold);
  text-transform: uppercase;
}

/* ─────────────────────────────────────────────
   HEAD — eyebrow + h1 + filet + lead
   ───────────────────────────────────────────── */
.parcours-wrapper .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--parcours-gold-2);
}

.parcours-wrapper .eyebrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--parcours-gold);
  display: inline-block;
}

.parcours-wrapper .eyebrow.on-dark {
  color: var(--parcours-gold);
}

.parcours-wrapper .page-head {
  padding: 36px 0 8px;
}

.parcours-wrapper .page-head h1 {
  font-family: var(--parcours-sans);
  font-weight: 700;
  color: var(--parcours-navy);
  font-size: clamp(28px, 3.6vw, 42px);
  line-height: 1.1;
  letter-spacing: -.018em;
  margin: 14px 0 14px;
  max-width: 24ch;
}

.parcours-wrapper .page-head h1 em {
  color: var(--parcours-gold-2);
  font-style: italic;
  font-weight: 700;
}

.parcours-wrapper .page-head .filet {
  display: block;
  width: var(--parcours-bar-width);
  height: var(--parcours-bar-thin);
  background: var(--parcours-gold);
  border-radius: 2px;
  margin: 0 0 18px;
}

.parcours-wrapper .page-head .lead {
  max-width: 68ch;
  color: var(--parcours-ink-2);
  font-size: 15px;
  line-height: 1.6;
}

.parcours-wrapper .page-head .lead strong {
  color: var(--parcours-navy);
  font-weight: 600;
}

/* ─────────────────────────────────────────────
   PASTILLE — composant clé Akwamining
   ───────────────────────────────────────────── */
.parcours-wrapper .pastille {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--parcours-gold);
  color: var(--parcours-navy);
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 6px 10px 5px;
  border-radius: 3px;
  line-height: 1;
  white-space: nowrap;
}

.parcours-wrapper .pastille .dot {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--parcours-navy);
  display: inline-block;
}

.parcours-wrapper .pastille .sep {
  opacity: .55;
  font-weight: 500;
}

.parcours-wrapper .pastille--solid-navy {
  background: var(--parcours-navy);
  color: var(--parcours-gold);
}

.parcours-wrapper .pastille--solid-navy .dot {
  background: var(--parcours-gold);
}

.parcours-wrapper .pastille--ghost {
  background: transparent;
  color: var(--parcours-navy);
  border: 1.5px solid var(--parcours-gold);
}

.parcours-wrapper .pastille--danger {
  background: var(--parcours-danger);
  color: #fff;
}

.parcours-wrapper .pastille--danger .dot {
  background: #fff;
}

/* ─────────────────────────────────────────────
   KPIS — petites étiquettes de hero
   ───────────────────────────────────────────── */
.parcours-wrapper .kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.parcours-wrapper .kpi {
  font-family: var(--parcours-mono);
  font-size: 11px;
  padding: 6px 12px;
  border-radius: 99px;
  line-height: 1;
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  color: var(--parcours-navy);
}

.parcours-wrapper .kpi b {
  color: var(--parcours-gold-2);
  font-weight: 700;
  margin-right: 4px;
}

.parcours-wrapper .kpi.kpi-gold {
  background: var(--parcours-gold-tint);
  border-color: #EDD27A;
  color: var(--parcours-gold-2);
}

.parcours-wrapper .kpi.kpi-navy {
  background: var(--parcours-navy);
  border-color: var(--parcours-navy);
  color: #fff;
}

.parcours-wrapper .kpi.kpi-navy b {
  color: var(--parcours-gold);
}

.parcours-wrapper .kpi.kpi-danger {
  background: var(--parcours-danger-tint);
  border-color: #E8B6B0;
  color: var(--parcours-danger);
}

/* ─────────────────────────────────────────────
   CARD — primitive (blocs blancs)
   ───────────────────────────────────────────── */
.parcours-wrapper .card {
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.parcours-wrapper .card--lgold {
  border-left: 3px solid var(--parcours-gold);
}

.parcours-wrapper .card--ldanger {
  border-left: 3px solid var(--parcours-danger);
  background: #FFF8F7;
}

.parcours-wrapper .card--lblue {
  border-left: 3px solid var(--parcours-navy);
}

.parcours-wrapper .card .lbl {
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-gold-2);
}

.parcours-wrapper .card .lbl.lbl-danger {
  color: var(--parcours-danger);
}

.parcours-wrapper .card .lbl.lbl-navy {
  color: var(--parcours-navy);
}

.parcours-wrapper .card .txt {
  font-size: 13.5px;
  color: var(--parcours-ink-2);
  line-height: 1.55;
}

.parcours-wrapper .card .txt strong {
  color: var(--parcours-navy);
  font-weight: 600;
}

.parcours-wrapper .card .ttl {
  font-size: 15px;
  font-weight: 700;
  color: var(--parcours-navy);
  line-height: 1.25;
  letter-spacing: -.005em;
}

/* GRIDS */
.parcours-wrapper .grid {
  display: grid;
  gap: 14px;
}

.parcours-wrapper .grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.parcours-wrapper .grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.parcours-wrapper .grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 900px) {
  .parcours-wrapper .grid-3,
  .parcours-wrapper .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .parcours-wrapper .grid-2,
  .parcours-wrapper .grid-3,
  .parcours-wrapper .grid-4 {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────
   SECTION SCAFFOLD (titre + filet + intro)
   ───────────────────────────────────────────── */
.parcours-wrapper .sec {
  margin: 28px 0;
}

.parcours-wrapper .sec-hd {
  margin-bottom: 18px;
}

.parcours-wrapper .sec-hd .kicker {
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-muted);
  margin-bottom: 6px;
}

.parcours-wrapper .sec-hd h2 {
  font-family: var(--parcours-sans);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.15;
  color: var(--parcours-navy);
  letter-spacing: -.01em;
  margin: 0 0 10px;
}

.parcours-wrapper .sec-hd .rule {
  display: block;
  height: var(--parcours-bar-rule);
  background: var(--parcours-gold);
  width: 100%;
}

.parcours-wrapper .sec-intro {
  max-width: 74ch;
  color: var(--parcours-ink-2);
  font-size: 14.5px;
  margin: 0 0 18px;
}

.parcours-wrapper .sec-intro strong {
  color: var(--parcours-navy);
  font-weight: 600;
}

/* ─────────────────────────────────────────────
   WARN / NOTE
   ───────────────────────────────────────────── */
.parcours-wrapper .warn {
  background: #FFF6F4;
  border: 1px solid #E8B6B0;
  border-left: 3px solid var(--parcours-danger);
  border-radius: 6px;
  padding: 14px 18px;
  margin: 16px 0;
}

.parcours-wrapper .warn .ttl {
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-danger);
  margin-bottom: 6px;
}

.parcours-wrapper .warn p {
  font-size: 13.5px;
  color: #7A2A22;
  line-height: 1.6;
}

.parcours-wrapper .warn p strong {
  color: #5b1f19;
  font-weight: 700;
}

.parcours-wrapper .note {
  background: var(--parcours-gold-tint);
  border: 1px solid #EDD27A;
  border-left: 3px solid var(--parcours-gold);
  border-radius: 6px;
  padding: 14px 18px;
  margin: 16px 0;
}

.parcours-wrapper .note .ttl {
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-gold-2);
  margin-bottom: 6px;
}

.parcours-wrapper .note p {
  font-size: 13.5px;
  color: #5C4B14;
  line-height: 1.6;
  font-style: italic;
}

.parcours-wrapper .note p strong {
  color: var(--parcours-navy);
  font-weight: 600;
  font-style: normal;
}

/* ─────────────────────────────────────────────
   STEPPER — utilisé sur l'index comme TOC
   ───────────────────────────────────────────── */
.parcours-wrapper .stepper {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .parcours-wrapper .stepper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .parcours-wrapper .stepper {
    grid-template-columns: 1fr;
  }
}

.parcours-wrapper .step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 16px 18px;
  text-decoration: none;
  color: var(--parcours-ink);
  border-right: 1px solid var(--parcours-border);
  transition: background .2s;
}

.parcours-wrapper .step:last-child {
  border-right: none;
}

@media (max-width: 900px) {
  .parcours-wrapper .step {
    border-right: 1px solid var(--parcours-border);
    border-bottom: 1px solid var(--parcours-border);
  }
  .parcours-wrapper .step:nth-child(2n) {
    border-right: none;
  }
}

.parcours-wrapper .step:hover {
  background: var(--parcours-gold-tint);
}

.parcours-wrapper .step .num {
  font-family: var(--parcours-mono);
  font-size: 11px;
  letter-spacing: .18em;
  font-weight: 700;
  color: var(--parcours-gold-2);
}

.parcours-wrapper .step .ttl {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--parcours-navy);
  line-height: 1.25;
  letter-spacing: -.005em;
}

.parcours-wrapper .step .meta {
  font-size: 11px;
  color: var(--parcours-muted);
  line-height: 1.45;
}

.parcours-wrapper .step .arrow {
  position: absolute;
  right: 14px;
  bottom: 14px;
  color: var(--parcours-gold);
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  transition: opacity .2s, transform .2s;
}

.parcours-wrapper .step:hover .arrow {
  opacity: 1;
  transform: translateX(2px);
}

/* ─────────────────────────────────────────────
   VOLETS — composition dossier (Phase 01)
   ───────────────────────────────────────────── */
.parcours-wrapper .volets {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

@media (max-width: 900px) {
  .parcours-wrapper .volets {
    grid-template-columns: 1fr;
  }
}

.parcours-wrapper .volet {
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.parcours-wrapper .volet-hd {
  padding: 14px 16px;
  border-bottom: 1px solid var(--parcours-border);
  background: var(--parcours-paper);
}

.parcours-wrapper .volet--blue .volet-hd {
  background: #EEF2FA;
  border-bottom-color: #D6DEF0;
}

.parcours-wrapper .volet--purple .volet-hd {
  background: #F4EEFA;
  border-bottom-color: #E2D6F0;
}

.parcours-wrapper .volet-past {
  margin-bottom: 8px;
}

.parcours-wrapper .volet-ttl {
  font-size: 14px;
  font-weight: 700;
  color: var(--parcours-navy);
  line-height: 1.2;
  letter-spacing: -.005em;
}

.parcours-wrapper .volet-sub {
  font-size: 11.5px;
  color: var(--parcours-muted);
  margin-top: 2px;
}

.parcours-wrapper .volet-body {
  padding: 10px 16px 14px;
  display: flex;
  flex-direction: column;
}

.parcours-wrapper .doc {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px dashed var(--parcours-border);
  font-size: 12.5px;
  color: var(--parcours-ink);
  line-height: 1.45;
}

.parcours-wrapper .doc:last-child {
  border-bottom: none;
}

.parcours-wrapper .doc::before {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  background: var(--parcours-gold);
  border-radius: 1px;
}

.parcours-wrapper .doc strong {
  color: var(--parcours-navy);
  font-weight: 600;
}

/* ─────────────────────────────────────────────
   VÉRIF — chain de cards (Phase 02)
   ───────────────────────────────────────────── */
.parcours-wrapper .verif-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.parcours-wrapper .verif-list::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: linear-gradient(to bottom, var(--parcours-gold) 0%, #EDD27A 100%);
  z-index: 0;
}

.parcours-wrapper .verif {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  padding: 14px 18px;
}

.parcours-wrapper .verif-n {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--parcours-gold);
  color: var(--parcours-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--parcours-mono);
  font-weight: 700;
  font-size: 13px;
}

.parcours-wrapper .verif-c {
  flex: 1;
  min-width: 0;
}

.parcours-wrapper .verif-ttl {
  font-size: 14px;
  font-weight: 700;
  color: var(--parcours-navy);
  line-height: 1.25;
  margin-bottom: 4px;
  letter-spacing: -.005em;
}

.parcours-wrapper .verif-txt {
  font-size: 13px;
  color: var(--parcours-ink-2);
  line-height: 1.55;
}

.parcours-wrapper .verif-txt strong {
  color: var(--parcours-navy);
  font-weight: 600;
}

.parcours-wrapper .verif-tag {
  display: inline-block;
  margin-top: 8px;
  font-family: var(--parcours-mono);
  font-size: 10.5px;
  letter-spacing: .06em;
  color: var(--parcours-danger);
  background: var(--parcours-danger-tint);
  border: 1px solid #E8B6B0;
  padding: 3px 10px;
  border-radius: 3px;
}

/* ─────────────────────────────────────────────
   PAYMENT TIMELINE (Phase 04)
   ───────────────────────────────────────────── */
.parcours-wrapper .ptl {
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  padding: 22px 24px 20px;
}

.parcours-wrapper .ptl-title {
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-muted);
  margin-bottom: 22px;
}

.parcours-wrapper .ptl-track {
  display: flex;
  align-items: flex-start;
}

.parcours-wrapper .ptl-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 140px;
}

.parcours-wrapper .ptl-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid;
  background: #fff;
  flex-shrink: 0;
}

.parcours-wrapper .ptl-dot.is-active {
  background: var(--parcours-gold);
  border-color: var(--parcours-gold-2);
}

.parcours-wrapper .ptl-dot.is-danger {
  background: var(--parcours-danger);
  border-color: #7A2A22;
}

.parcours-wrapper .ptl-dot.is-navy {
  background: var(--parcours-navy);
  border-color: var(--parcours-navy-2);
}

.parcours-wrapper .ptl-lbl {
  font-size: 11px;
  text-align: center;
  margin-top: 8px;
  line-height: 1.45;
  color: var(--parcours-ink-2);
}

.parcours-wrapper .ptl-lbl strong {
  display: block;
  color: var(--parcours-navy);
  font-size: 12px;
  margin-bottom: 3px;
}

.parcours-wrapper .ptl-lbl.danger strong {
  color: var(--parcours-danger);
}

.parcours-wrapper .ptl-seg {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 7px;
  min-width: 60px;
}

.parcours-wrapper .ptl-bar {
  height: 3px;
  background: var(--parcours-gold);
}

.parcours-wrapper .ptl-bar.danger {
  background: linear-gradient(to right, var(--parcours-gold), var(--parcours-danger));
}

.parcours-wrapper .ptl-bar.toGold {
  background: linear-gradient(to right, var(--parcours-danger), var(--parcours-gold));
}

.parcours-wrapper .ptl-seg-lbl {
  font-family: var(--parcours-mono);
  font-size: 10.5px;
  color: var(--parcours-muted);
  text-align: center;
  margin-top: 7px;
  line-height: 1.4;
}

.parcours-wrapper .ptl-seg-lbl.danger {
  color: var(--parcours-danger);
  font-weight: 700;
}

/* ─────────────────────────────────────────────
   DURÉES (Phase 05)
   ───────────────────────────────────────────── */
.parcours-wrapper .dur {
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  padding: 20px 22px;
}

.parcours-wrapper .dur-title {
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-muted);
  margin-bottom: 18px;
}

.parcours-wrapper .dur-row {
  margin-bottom: 14px;
}

.parcours-wrapper .dur-row:last-of-type {
  margin-bottom: 0;
}

.parcours-wrapper .dur-rl {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--parcours-ink);
  margin-bottom: 6px;
}

.parcours-wrapper .dur-rl strong {
  color: var(--parcours-gold-2);
  font-weight: 700;
  font-family: var(--parcours-mono);
  font-size: 11px;
  letter-spacing: .06em;
}

.parcours-wrapper .dur-track {
  background: var(--parcours-paper);
  border: 1px solid var(--parcours-border);
  border-radius: 4px;
  height: 24px;
  overflow: hidden;
  display: flex;
}

.parcours-wrapper .seg {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--parcours-mono);
  font-size: 10px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  padding: 0 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.parcours-wrapper .seg:last-child {
  border-right: none;
}

.parcours-wrapper .seg.gold {
  background: var(--parcours-gold);
  color: var(--parcours-navy);
}

.parcours-wrapper .seg.gold-deep {
  background: var(--parcours-gold-2);
  color: #fff;
}

.parcours-wrapper .seg.navy {
  background: var(--parcours-navy);
  color: #fff;
}

.parcours-wrapper .seg.navy-deep {
  background: var(--parcours-navy-2);
  color: #fff;
}

.parcours-wrapper .dur-lg {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 14px;
}

.parcours-wrapper .dur-lg-i {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--parcours-ink-2);
}

.parcours-wrapper .dur-lg-dot {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* ─────────────────────────────────────────────
   TABLEAU (Phase 06)
   ───────────────────────────────────────────── */
.parcours-wrapper .tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: var(--parcours-white);
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  overflow: hidden;
}

.parcours-wrapper .tbl thead th {
  background: var(--parcours-navy);
  color: var(--parcours-gold);
  text-align: left;
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 11px 14px;
  border-right: 1px solid var(--parcours-navy-2);
}

.parcours-wrapper .tbl thead th:last-child {
  border-right: none;
}

.parcours-wrapper .tbl tbody td {
  padding: 12px 14px;
  border-top: 1px solid var(--parcours-border);
  border-right: 1px solid var(--parcours-border);
  vertical-align: top;
  color: var(--parcours-ink-2);
  line-height: 1.5;
}

.parcours-wrapper .tbl tbody td:last-child {
  border-right: none;
}

.parcours-wrapper .tbl tbody td:first-child {
  color: var(--parcours-navy);
  font-weight: 600;
}

.parcours-wrapper .tbl tbody tr:hover td {
  background: var(--parcours-paper);
}

.parcours-wrapper .tbl .td-r {
  color: var(--parcours-danger);
  font-family: var(--parcours-mono);
  font-size: 11px;
}

.parcours-wrapper .tbl thead .gold-ref {
  color: #fff;
  opacity: .55;
}

/* ─────────────────────────────────────────────
   PAGER (bas de page : prev / next)
   ───────────────────────────────────────────── */
.parcours-wrapper .spacer {
  flex: 1;
}

.parcours-wrapper .pager {
  margin-top: 36px;
  padding: 22px 0 28px;
  border-top: 1px solid var(--parcours-border);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

.parcours-wrapper .pager-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  color: var(--parcours-ink);
  padding: 14px 18px;
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  background: var(--parcours-white);
  min-width: 240px;
  max-width: 46%;
  transition: border-color .2s, background .2s;
}

.parcours-wrapper .pager-link:hover {
  border-color: var(--parcours-gold);
  background: var(--parcours-gold-tint);
}

.parcours-wrapper .pager-link.next {
  text-align: right;
  align-items: flex-end;
}

.parcours-wrapper .pager-link .dir {
  font-family: var(--parcours-mono);
  font-size: 10.5px;
  letter-spacing: .18em;
  color: var(--parcours-gold-2);
  text-transform: uppercase;
  font-weight: 700;
}

.parcours-wrapper .pager-link .ttl {
  font-size: 14px;
  font-weight: 700;
  color: var(--parcours-navy);
  letter-spacing: -.005em;
}

.parcours-wrapper .pager-link.disabled {
  opacity: .4;
  pointer-events: none;
}

.parcours-wrapper .pager-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid var(--parcours-border);
  border-radius: 6px;
  font-family: var(--parcours-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--parcours-navy);
  background: var(--parcours-white);
  text-decoration: none;
}

.parcours-wrapper .pager-home:hover {
  background: var(--parcours-navy);
  color: var(--parcours-gold);
}

/* ─────────────────────────────────────────────
   FOOTER MINIMAL (sert de fallback si besoin)
   ───────────────────────────────────────────── */
.parcours-wrapper .foot {
  background: var(--parcours-navy);
  color: rgba(255, 255, 255, 0.7);
  padding: 22px 0;
  font-size: 11.5px;
  line-height: 1.6;
}

.parcours-wrapper .foot-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  align-items: center;
}

.parcours-wrapper .foot a {
  color: var(--parcours-gold);
  text-decoration: none;
}

.parcours-wrapper .foot .tag {
  color: var(--parcours-gold);
  font-style: italic;
  font-size: 12px;
}

.parcours-wrapper .foot .meta {
  font-family: var(--parcours-mono);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: rgba(255, 255, 255, 0.5);
}