/* Nos Deniers — targeted, removable presentation refinements.
   No values, tab actions, order, visibility, or guided-tour content change. */
html.nd-modern #summary .metric:nth-child(n):not(.accent) {
  background: linear-gradient(140deg, #fff 30%, #eef6fd);
}
html.nd-modern body .coverage-stat:nth-child(n):not(.featured) {
  background: linear-gradient(140deg, #fff 30%, #eef6fd);
}

/* Summary cards follow the PLF / LFI / execution chart colours.
   Screen only: retain the existing neutral print presentation. */
@media screen {
  html.nd-modern #summary .metric:nth-child(1):not(.accent) {
    background: linear-gradient(135deg, #e5eef3, #bfd1dc);
  }
  html.nd-modern #summary .metric:nth-child(2):not(.accent) {
    background: linear-gradient(135deg, #315c78, #173a55);
    border-color: #315773;
  }
  html.nd-modern #summary .metric:nth-child(3) {
    background: linear-gradient(135deg, #dd565b, #c64148);
    border-color: #dd565b;
  }
  html.nd-modern #summary .metric:nth-child(4):not(.accent) {
    background: #fff;
  }
  html.nd-modern #summary .metric:nth-child(1),
  html.nd-modern #summary .metric:nth-child(1) *,
  html.nd-modern #summary .metric:nth-child(3),
  html.nd-modern #summary .metric:nth-child(3) *,
  html.nd-modern #summary .metric:nth-child(4),
  html.nd-modern #summary .metric:nth-child(4) * {
    color: #08183f;
  }
  html.nd-modern #summary .metric:nth-child(2),
  html.nd-modern #summary .metric:nth-child(2) * {
    color: #fff;
  }
}

/* Restore the original opaque, neutral total row, including on hover. */
html.nd-modern #credits-table tbody tr.total > td {
  background: var(--pale, #edf4fa);
}

html.nd-modern body nav.nav[aria-label="Vues de travail"],
body nav.nav[aria-label="Rubriques de démonstration"] {
  align-items: center;
  gap: 12px;
}

html.nd-modern body nav.nav[aria-label="Vues de travail"] > button,
body nav.nav[aria-label="Rubriques de démonstration"] > button {
  margin: 8px 0;
  padding: 10px 16px;
  border: 1px solid #dbe6ef;
  border-radius: 10px;
  background: linear-gradient(135deg, #fff, #eef5fb);
  color: #284a65;
  box-shadow: inset 0 1px 0 #fff, 0 3px 9px -6px #173a5538;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
  transition: background 160ms ease, box-shadow 160ms ease;
}

html.nd-modern body nav.nav[aria-label="Vues de travail"] > button:hover:not(.active),
body nav.nav[aria-label="Rubriques de démonstration"] > button:hover:not(.active) {
  background: linear-gradient(135deg, #f6faff, #e4f0f9);
  border-color: #b9cfdf;
  color: #173a55;
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px -6px #173a5538;
}

html.nd-modern body nav.nav[aria-label="Vues de travail"] > button.active,
body nav.nav[aria-label="Rubriques de démonstration"] > button.active {
  background: linear-gradient(135deg, #315c78, #173a55);
  border-color: #244a65;
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff24, 0 4px 12px -6px #173a5566;
}

html.nd-modern body nav.nav[aria-label="Vues de travail"] > button:focus-visible,
body nav.nav[aria-label="Rubriques de démonstration"] > button:focus-visible {
  outline: 2px solid #456f90;
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  html.nd-modern body nav.nav[aria-label="Vues de travail"],
  body nav.nav[aria-label="Rubriques de démonstration"] { gap: 8px; }
  html.nd-modern body nav.nav[aria-label="Vues de travail"] > button,
  body nav.nav[aria-label="Rubriques de démonstration"] > button {
    padding-inline: 12px;
    font-size: 12px;
  }
}

@media (max-width: 720px) {
  html.nd-modern body nav.nav[aria-label="Vues de travail"] > button,
  body nav.nav[aria-label="Rubriques de démonstration"] > button {
    padding-inline: 10px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.nd-modern body nav.nav[aria-label="Vues de travail"] > button,
  body nav.nav[aria-label="Rubriques de démonstration"] > button { transition: none; }
}

@media print {
  html.nd-modern #summary .metric:nth-child(n):not(.accent),
  html.nd-modern body .coverage-stat:nth-child(n):not(.featured),
  html.nd-modern #credits-table tbody tr.total > td { background: #fff; }
}