:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #101112; color: #f7f7f7; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: #101112; }
.legal-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  gap: 14px;
  min-height: calc(70px + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));
  border-bottom: 1px solid #303234;
  background: rgb(24 25 26 / 96%);
  backdrop-filter: blur(12px);
}
.legal-header a { color: #fff; font-size: 56px; line-height: .8; text-decoration: none; }
.legal-header strong { font-size: 22px; font-weight: 500; }
.legal-header select { min-width: 72px; min-height: 44px; border: 0; border-radius: 9px; padding: 0 10px; color: #101112; background: #83e0ec; font: inherit; }
.legal-document { width: min(100%, 820px); margin: 0 auto; padding: 52px 24px calc(80px + env(safe-area-inset-bottom)); }
.legal-document h1 { margin: 0 0 22px; font-size: clamp(34px, 6vw, 56px); font-weight: 400; }
.legal-lead { color: #b9bbbd; font-size: 21px; line-height: 1.55; }
.legal-section { margin-top: 42px; }
.legal-section h2 { margin: 0 0 14px; color: #75d9e7; font-size: 25px; font-weight: 500; }
.legal-section p { margin: 0 0 14px; color: #d5d6d7; font-size: 18px; line-height: 1.65; }
.legal-section ul { margin: 10px 0 0; padding-left: 24px; color: #d5d6d7; font-size: 18px; line-height: 1.65; }
a:focus-visible, select:focus-visible { outline: 3px solid #00edf2; outline-offset: 4px; }