/* Privacy and support pages: the live map's palette and type, as plain documents. */
:root {
  /* the same values as src/tokens.css (this file is served as it is, so it cannot import them): services/test/contrast.test.mjs checks the copy */
  --bg:#EDEFF9; --panel:#FCFDFF; --hair:#E2E6F4; --ink:#1E2552; --ink-2:#4B5383; --muted:#606788;
  --primary:#4859E5; --primary-soft:#E8ECFD;
  --f-ui:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-contrast:more) {
  :root { --hair:#747EAA; --ink-2:#434A75; --muted:#40476B; --primary:#1E32D6; }
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:1rem/1.65 var(--f-ui); -webkit-font-smoothing:antialiased; }
.wrap { max-width:760px; margin:0 auto; padding:0 20px; }
header { background:var(--panel); border-bottom:1px solid var(--hair); }
header .wrap, footer .wrap { display:flex; align-items:center; gap:20px; min-height:60px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.1875rem; color:var(--ink); text-decoration:none; letter-spacing:-.01em; margin-right:auto; }
.logo b { font-weight:800; }
.logo span { color:var(--primary); }
.logo i { width:28px; height:28px; border-radius:8px; background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/svg%3E") center/18px no-repeat; }
nav { display:flex; gap:18px; }
nav a, footer a { color:var(--ink-2); text-decoration:none; font-weight:600; font-size:0.9062rem; }
nav a:hover, footer a:hover { color:var(--primary); text-decoration:underline; }
main { padding:44px 20px 64px; }
.eyebrow { display:inline-block; font:600 0.75rem/1 var(--f-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--primary); background:var(--primary-soft); padding:7px 10px; border-radius:6px; }
h1 { font-size:clamp(1.75rem,5vw,2.5rem); line-height:1.15; letter-spacing:-.02em; margin:18px 0 10px; }
h2 { font-size:1.1875rem; margin:36px 0 8px; letter-spacing:-.01em; }
.meta { color:var(--muted); margin:0 0 24px; font-size:0.9062rem; }
.box { background:var(--panel); border:1px solid var(--hair); border-radius:14px; padding:4px 20px; box-shadow:0 1px 2px rgba(38,48,112,.05),0 12px 32px -14px rgba(38,48,112,.2); }
p, li { color:var(--ink-2); }
strong { color:var(--ink); }
a { color:var(--primary); }
code { font:500 0.875rem var(--f-mono); background:var(--primary-soft); padding:1px 5px; border-radius:4px; }
ul { padding-left:20px; }
li { margin:6px 0; }
footer { border-top:1px solid var(--hair); background:var(--panel); }
footer .wrap { font-size:0.875rem; color:var(--muted); }
footer span { margin-right:auto; }