/* Same visual language; contractual text is not changed. */
:root {
  --ground: #080c12;
  --ink: #f3f6fa;
  --muted: #bbc4d0;
  --faint: #9daaba;
  --rule: rgba(218, 233, 255, 0.15);
}
body {
  background: #080c12;
  font-size: 1.0625rem;
  line-height: 1.8;
}
::selection {
  background: #d5e5fc;
  color: #080c12;
}
.display,
h1 {
  letter-spacing: -0.025em;
  line-height: 1.12;
}
.galet {
  background: linear-gradient(145deg, rgba(224, 237, 255, 0.095), rgba(163, 195, 240, 0.025));
  border-radius: 24px;
  box-shadow:
    inset 0 1px 0 rgba(240, 247, 255, 0.3),
    inset 0 -1px 0 rgba(211, 230, 255, 0.18),
    0 22px 65px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.lecture {
  max-width: 76ch;
}
.lecture p,
.lecture li {
  font-size: 1rem;
}
.rail a,
.sommaire a,
.footlinks,
.date {
  font-size: 0.875rem;
  line-height: 1.7;
}
.tableau {
  border-radius: 16px;
  overflow-x: auto;
}
.cta {
  background: linear-gradient(145deg, #fff, #c3d1e4);
  color: #101722;
  border-radius: 999px;
}
a:focus-visible {
  outline: 2px solid #d2e5ff;
  outline-offset: 5px;
}
@media (max-width: 700px) {
  .galet {
    border-radius: 18px;
  }
  h1 {
    overflow-wrap: break-word;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}