/* archives-eleve.css — page /eleve/archives.html ("Mes années") */

:root {
  --marine: #0e2a47;
  --marine-2: #12385e;
  --gold: #f2c14e;
  --foam: #eaf2fb;
  --line: rgba(255, 255, 255, .12);
}

body {
  margin: 0;
  background: linear-gradient(160deg, var(--marine) 0%, var(--marine-2) 100%);
  min-height: 100vh;
  color: var(--foam);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.arch-loading {
  text-align: center;
  padding: 80px 20px;
  color: var(--foam);
}

.arch-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 20px 60px;
}

.arch-head { margin-bottom: 24px; }
.arch-back {
  color: var(--gold);
  text-decoration: none;
  font-size: .95rem;
}
.arch-back:hover { text-decoration: underline; }
.arch-head h1 { margin: 10px 0 4px; font-size: 1.7rem; }
.arch-sub { margin: 0; color: rgba(234, 242, 251, .75); line-height: 1.5; }

.arch-empty {
  background: rgba(255, 255, 255, .06);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  color: rgba(234, 242, 251, .85);
}

.arch-wrap h2 {
  font-size: 1.15rem;
  margin: 32px 0 8px;
  color: var(--gold);
}
.arch-note {
  margin: 0 0 12px;
  font-size: .88rem;
  color: rgba(234, 242, 251, .7);
}

.arch-scroll { overflow-x: auto; }

.arch-tbl {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
  background: rgba(255, 255, 255, .04);
  border-radius: 10px;
  overflow: hidden;
}
.arch-tbl th, .arch-tbl td {
  padding: 9px 12px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.arch-tbl thead th {
  background: rgba(255, 255, 255, .08);
  font-weight: 600;
  font-size: .9rem;
}
.arch-tbl tbody tr:last-child td { border-bottom: none; }
.arch-tbl tbody tr:hover { background: rgba(242, 193, 78, .06); }

/* Matrice années × chapitres */
.arch-matrix th.chap-col {
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-size: .82rem;
}
.arch-matrix td {
  text-align: center;
}
.arch-matrix td.year {
  text-align: left;
  font-weight: 600;
}
.arch-matrix td.ok {
  color: var(--gold);
  font-weight: 700;
}