/* Legal pages: quiet, readable, same type and colours as the site. */
:root {
  --navy: #123A6B; --navy-deep: #0B2647; --ink: #1C1D21; --ink-2: #2A2B30;
  --paper: #F6F7F8; --muted: #5E6168; --line: #E1E3E6; --gutter: clamp(16px, 5vw, 48px);
}
* , *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Geist", system-ui, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.top { display: flex; justify-content: space-between; align-items: center; padding: 20px var(--gutter); max-width: 860px; margin: 0 auto; }
.wordmark { font-weight: 600; font-size: 18px; letter-spacing: -0.03em; text-decoration: none; color: var(--navy-deep); }
.lang { display: flex; gap: 4px; }
.lang button { background: none; border: 0; padding: 6px 8px; cursor: pointer; font: 13px "Geist Mono", ui-monospace, monospace; color: var(--navy); opacity: .6; border-radius: 6px; }
.lang button[aria-pressed="true"] { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
main { max-width: 860px; margin: 0 auto; padding: 24px var(--gutter) 96px; }
article { max-width: 68ch; }
article[hidden] { display: none; }
h1 { font-size: clamp(2rem, 6vw, 2.75rem); font-weight: 500; letter-spacing: -0.04em; line-height: 1.05; margin: 24px 0 8px; }
h2 { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.02em; margin: 40px 0 8px; }
p, li { color: var(--ink-2); }
ul { padding-left: 1.2em; }
a { color: var(--navy); text-underline-offset: 3px; }
.updated { font: 11px "Geist Mono", ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
table { width: 100%; border-collapse: collapse; font-size: 15px; margin-top: 12px; }
th, td { text-align: left; padding: 10px 8px 10px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-weight: 500; color: var(--ink); }
code { font: 13px "Geist Mono", ui-monospace, monospace; background: #ECEEF1; padding: 1px 5px; border-radius: 4px; }
/* Details still to fill in before launch: impossible to miss */
.todo { background: #FFF1C7; color: #5A4500; padding: 0 4px; border-radius: 4px; font-weight: 500; }
.foot { max-width: 860px; margin: 0 auto; padding: 24px var(--gutter) 40px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 8px 20px; }
.foot a { color: var(--muted); }


/* ---- Logo: the "two prices" V + lowercase wordmark ---- */
.wordmark { display: inline-flex; align-items: center; gap: 7px; letter-spacing: -0.04em; font-weight: 500; }
.wordmark .mark { width: 1.15em; height: 1.15em; flex: none; margin-top: 1px; }