/* ---------- page Lunes — phases de la Lune (spécifique) ---------- */
main.lunes{
  max-width:1000px; margin:0 auto; padding:24px 22px 40px;
  display:flex; flex-direction:column; gap:18px;
}
main.lunes .card{padding:18px 22px 22px}
main.lunes .card h2{font-size:22px}
main.lunes .card h2 .num{background:var(--gold-soft); font-size:16px}
main.lunes .year-wrap{margin-bottom:4px}
main.lunes #year{cursor:text; text-align:center}

/* récapitulatif — cartes */
.lune-sum{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px; margin-top:16px;
}
.stat{
  background:var(--bg-soft); border:1px solid var(--line); border-radius:10px;
  padding:10px 12px; min-width:0;
}
.stat b{display:block; font-size:18px; color:var(--ox); line-height:1.3; font-weight:700; overflow-wrap:anywhere}
.stat span{font-size:12.5px; color:var(--ink-soft); line-height:1.4}
.stat b.gold{color:var(--gold)}

/* tableau des lunes (réutilise .ref-table / .table-wrap de refs.css) */
.lunes-table{min-width:680px}
.lunes-table thead th:first-child{width:54px; text-align:center}
.lunes-table td.numcol{
  text-align:center; font-weight:700; color:var(--ox); white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.lunes-table td .tm{
  color:var(--ink-soft); font-size:12.5px; margin-left:7px; white-space:nowrap;
}
/* colonne pleine lune mise en or — sélecteur à spécificité ≥ au zebra (refs.css) */
.lunes-table tbody tr:nth-child(n) td.pl-cell{background:var(--gold-soft)}
.lunes-table tbody tr:nth-child(n) td.pl-cell .tm{color:#7a6420}
.lunes-table tbody tr:nth-child(n) td.pl-cell{font-weight:600}
.lunes-table td.pl-cell .fnom{
  display:block; font-size:11.5px; font-style:italic; color:#8a6d2f;
  font-weight:400; margin-top:2px; white-space:nowrap;
}
.badge{
  display:inline-block; background:var(--ox); color:#fff; font-size:10.5px;
  font-weight:700; border-radius:999px; padding:1px 8px; margin-left:7px; vertical-align:middle;
}

@media (max-width:640px){
  main.lunes{padding:16px 12px 32px}
  main.lunes .card{padding:16px 14px}
  main.lunes #year{min-width:96px}
  .lune-sum{grid-template-columns:1fr 1fr}
}