/* ---- Biographie : fond clair ---- */
body {
  background: linear-gradient(135deg, #e3eafc 0%, #f7f7fa 100%);
  color: #222;
  min-height: 100vh;
}
header { position: sticky; top: 0; z-index: 100; }
.close, .open {
  background: #1a1a1a !important;
  backdrop-filter: none !important;
}

h1 {
  font-size: clamp(26px, 4vw, 42px);
  font-family: var(--font-title);
  text-align: center;
  margin: 2% auto 1.5%;
  color: #3a5068;
}
h2 {
  font-size: clamp(18px, 2.5vw, 28px);
  font-family: var(--font-title);
  color: #5b7a8c;
  margin: 0 0 0.6rem;
}
.flexbox {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 90%;
  max-width: 980px;
  margin: 0 auto 60px;
}
.box {
  padding: 40px 48px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(91,122,140,0.12);
}
.box p {
  font-size: 1.05rem;
  line-height: 1.75;
  color: #444;
  margin: 14px 0;
  font-family: var(--font-body);
}
.left  { border-left:  4px solid #d4e4ef; }
.right { border-right: 4px solid #d4e4ef; }

@media (max-width: 600px) {
  .box { padding: 22px 18px; }
  h1 { font-size: 22px; }
}