:root {
  color-scheme: light dark;
  --privacy-bg: #f4f6fa;
  --privacy-surface: #fff;
  --privacy-ink: #0b1220;
  --privacy-muted: #526079;
  --privacy-line: #d9e0eb;
  --privacy-accent: #1f5bff;
  --privacy-font-display: 'Unbounded', 'Segoe UI', system-ui, sans-serif;
  --privacy-font-body: 'Instrument Sans', 'Segoe UI', system-ui, sans-serif;
  font-family: var(--privacy-font-body);
  color: var(--privacy-ink);
  background: var(--privacy-bg);
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  line-height: 1.7;
}

@media (prefers-color-scheme: dark) {
  :root {
    --privacy-bg: #070b14;
    --privacy-surface: #0e1626;
    --privacy-ink: #e6ebf5;
    --privacy-muted: #aab5c8;
    --privacy-line: #29344a;
    --privacy-accent: #7aa3ff;
  }
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
a { color: var(--privacy-accent); text-underline-offset: 0.2em; }
a:focus-visible { outline: 3px solid var(--privacy-accent); outline-offset: 4px; }
.privacy-skip { position: absolute; top: 0.75rem; left: 1rem; transform: translateY(-180%); }
.privacy-skip:focus { transform: translateY(0); }
.privacy-header, .privacy-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1rem, 4vw, 2.5rem); border-bottom: 1px solid var(--privacy-line); }
.privacy-brand { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--privacy-ink); font-family: var(--privacy-font-display); font-weight: 700; text-decoration: none; }
.privacy-brand img { width: 2rem; height: 2rem; }
.privacy-home, .privacy-footer { font-size: 0.875rem; }
.privacy-main { width: min(100% - 2rem, 48rem); margin: 0 auto; padding: clamp(2rem, 8vw, 5rem) 0; }
.privacy-label, .privacy-updated { color: var(--privacy-muted); font-size: 0.875rem; }
.privacy-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.6rem; color: var(--privacy-muted); font-size: 0.875rem; }
.privacy-label { font-family: ui-monospace, Consolas, monospace; letter-spacing: 0.04em; text-transform: uppercase; }
h1, h2 { line-height: 1.25; }
h1 { max-width: 16ch; margin: 0.75rem 0 1rem; font-family: var(--privacy-font-display); font-size: clamp(1.8rem, 1.2rem + 3vw, 3rem); }
.privacy-intro { margin: 2rem 0 3rem; padding: 1.25rem 1.5rem; border-left: 3px solid var(--privacy-accent); background: var(--privacy-surface); }
section { margin: 2.5rem 0; }
h2 { margin-bottom: 0.75rem; font-family: var(--privacy-font-display); font-size: clamp(1.2rem, 1.05rem + 0.8vw, 1.55rem); }
p { max-width: 72ch; }
.privacy-footer { border-top: 1px solid var(--privacy-line); border-bottom: 0; color: var(--privacy-muted); }
.privacy-footer a { color: inherit; }

@media (min-width: 768px) { .privacy-main { width: min(100% - 4rem, 48rem); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }
