html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

html.elpp-skip-intro [data-intro],
[data-elpp-cursor] {
  display: none !important;
}

section[id],
[id="top"] {
  scroll-margin-top: 76px;
}

html[data-theme="light"] {
  color-scheme: light;
  background: #f4f0e8;
}

html[data-theme="dark"] {
  color-scheme: dark;
  background: #060606;
}

html[data-theme="light"] body {
  background: #f4f0e8 !important;
  color: #14110e !important;
}

/* Lettres du logo : blanches sur fond sombre, encre sur le papier clair. */
html[data-theme="light"] img[src*="d9c6ddc7"],
html[data-theme="light"] img[src*="5aa4f070"],
html[data-theme="light"] img[src*="8bd90e94"] {
  filter: invert(1);
}

html[data-theme="light"] [data-theme-lock] img {
  filter: none !important;
}

html[data-theme="dark"] .elpp-icon-moon,
html[data-theme="light"] .elpp-icon-sun {
  display: none;
}

[data-elpp-theme] {
  font: inherit;
  line-height: 0;
}

[data-elpp-theme]:focus-visible {
  outline: 2px solid #c0392b;
  outline-offset: 3px;
}

@media (max-width: 860px) {
  nav[aria-label="Sections"] {
    display: none !important;
  }

  nav:not([aria-label="Sections"]) > div:first-of-type {
    display: none !important;
  }

  nav:not([aria-label="Sections"]) {
    gap: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  nav:not([aria-label="Sections"]) > div:last-of-type {
    gap: 8px !important;
  }

  nav:not([aria-label="Sections"]) a[aria-label="ELPP"] span {
    width: 58px !important;
  }

  nav:not([aria-label="Sections"]) a[href="#ask"] {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}