:root {
  color-scheme: light dark;
  font-family: "Segoe UI Variable", "Yu Gothic UI", "Hiragino Sans", sans-serif;
  background: #f6f7f8;
  color: #1f2428;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; background: #f6f7f8; }
a { color: inherit; }
.brand { position: absolute; top: 28px; left: 28px; display: inline-flex; align-items: center; gap: 9px; color: #1f2428; font-size: 17px; font-weight: 680; letter-spacing: -.03em; text-decoration: none; }
.brand img { display: block; }
.legal-page { max-width: 860px; margin: 0 auto; padding: 124px 28px 96px; }
.legal-page header { margin-bottom: 64px; padding-bottom: 32px; border-bottom: 1px solid #d8dcdf; }
.eyebrow { margin: 0; color: #087985; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 20px 0 16px; font-size: clamp(40px, 7vw, 72px); font-weight: 620; letter-spacing: -.055em; }
.updated { margin: 0; color: #72787d; font-size: 13px; }
section { margin: 44px 0; }
h2 { margin: 0 0 13px; font-size: 21px; font-weight: 610; letter-spacing: -.025em; }
p, li { color: #50575c; font-size: 15px; line-height: 1.9; }
ul { padding-left: 20px; }
.legal-contact { color: #087985; }

@media (prefers-color-scheme: dark) {
  :root, body { background: #1e1f22; color: #f0f1f2; }
  .brand { color: #f0f1f2; }
  .legal-page header { border-color: #383b40; }
  .updated, p, li { color: #b3b7bd; }
  .eyebrow, .legal-contact { color: #4dd5e4; }
}