/* Shared look for /privacy, /terms and /contact — same tokens as index.html. */
:root {
  color-scheme: light;
  --paper: #fbfdff;
  --grid: rgba(15, 60, 110, .05);
  --ink: #0f1c2e;
  --muted: #40566d;
  --faint: #5b7793;
  --blue: #2aabee;
  --deep: #0088cc;
  --hairline: #dce9f3;
  --card: #ffffff;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: "Avenir Next", "Helvetica Neue", system-ui, sans-serif;
  font-size: 16px; line-height: 1.65;
  background-image:
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 32px 32px;
}
a { color: var(--deep); }
.wrap { max-width: 960px; margin: 0 auto; padding: 0 24px; }

header { border-bottom: 1.5px solid var(--ink); background: var(--paper); }
header .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 16px; padding-bottom: 14px; gap: 8px 14px; }
.logo { font-family: ui-monospace, Menlo, monospace; font-weight: 700; font-size: 14px; color: var(--ink); text-decoration: none; white-space: nowrap; }
.logo b { color: var(--blue); }
nav { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 14px; margin-left: auto; }
nav a { color: var(--muted); text-decoration: none; white-space: nowrap; }
nav a[aria-current="page"] { color: var(--ink); font-weight: 700; }

/* EN | FR switch — same mono, ink-bordered look as the homepage's language picker. */
.langs { display: flex; border: 1.5px solid var(--ink); background: var(--card); box-shadow: 2px 2px 0 var(--ink); }
.langs a { font-family: ui-monospace, Menlo, monospace; font-size: 12px; font-weight: 700; letter-spacing: .04em;
  color: var(--ink); text-decoration: none; padding: 5px 9px; }
.langs a + a { border-left: 1.5px solid var(--ink); }
.langs a[aria-current="true"] { background: var(--ink); color: #fff; }
.langs a:not([aria-current]):hover { background: var(--hairline); }
.langs a:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
@media (max-width: 560px) {
  nav { order: 3; width: 100%; margin-left: 0; }
}

main { max-width: 720px; margin: 0 auto; padding: 48px 24px 72px; }
.eyebrow { font-family: ui-monospace, Menlo, monospace; font-size: 12px; color: var(--faint); margin: 0 0 8px; }
h1 { font-size: clamp(32px, 6vw, 44px); line-height: 1.1; margin: 0 0 12px; letter-spacing: -0.01em; }
.lede { font-size: 18px; color: var(--muted); margin: 0 0 36px; }
h2 { font-size: 21px; margin: 40px 0 10px; padding-top: 18px; border-top: 1px solid var(--hairline); }
h3 { font-size: 16px; margin: 22px 0 6px; }
p, li { color: var(--ink); }
ul { padding-left: 22px; }
li { margin: 4px 0; }
.box { background: var(--card); border: 1.5px solid var(--ink); box-shadow: 3px 3px 0 var(--ink); padding: 18px 20px; margin: 24px 0; }
.box p { margin: 0; }
.box p + p { margin-top: 8px; }
.big { font-size: 20px; font-weight: 700; }

footer { border-top: 1.5px solid var(--ink); padding: 26px 0 60px; }
footer .wrap { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
footer p { margin: 0; font-size: 13px; color: var(--faint); }