/* GoPve 2026 — lecture juridique commune. */
:root {
  --legal-bg: #f7f7f4;
  --legal-ink: #13213b;
  --legal-soft: #526078;
  --legal-brand: #1769e0;
  --legal-line: #dfe4ec;
}

body {
  color: var(--legal-ink);
  background: var(--legal-bg);
}

.page {
  max-width: 940px;
  width: min(940px, calc(100% - 56px));
  padding: 28px 0 52px;
}

.topbar {
  margin-bottom: 48px;
  padding: 0 0 18px;
  border: 0;
  border-bottom: 1px solid var(--legal-line);
  border-radius: 0;
  background: transparent;
}

.topbar .back-link { color: var(--legal-ink); }
.topbar .back-link:hover { color: var(--legal-brand); }

.lang-switch,
.topbar select {
  border-color: var(--legal-line);
  color: var(--legal-ink);
  background: #fff;
}

.lang-switch::after { color: var(--legal-soft); }

.card {
  padding: clamp(26px, 5vw, 52px);
  border-color: var(--legal-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: none;
}

h1,
h2 {
  font-family: "Manrope", sans-serif;
}

h1 {
  margin-top: 0;
  color: var(--legal-ink);
  font-size: clamp(2.15rem, 5vw, 3.5rem);
  line-height: 1;
  letter-spacing: -0.065em;
}

h2 {
  margin-top: 34px;
  color: var(--legal-ink);
  font-size: 1.12rem;
  letter-spacing: -0.025em;
}

p,
li,
.meta {
  color: var(--legal-soft);
  line-height: 1.72;
}

.meta {
  margin-top: 14px;
  color: #6b7890;
  font-size: 0.86rem;
}

a { color: var(--legal-brand); }
li::marker { color: var(--legal-brand); }

@media (max-width: 640px) {
  .page { width: min(100% - 36px, 940px); padding-top: 20px; }
  .topbar { margin-bottom: 38px; }
  .card { padding: 26px 22px; border-radius: 18px; }
  h1 { font-size: clamp(2rem, 11vw, 3rem); }
}