@font-face {
  font-family: "Archivo";
  src: url("./assets/fonts/archivo-latin.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--fl-black); color: var(--fl-text); font: 16px/1.65 "Archivo", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.legal { max-width: 720px; margin: 0 auto; padding: 48px 20px 96px; }
.legal-back { color: var(--fl-muted); text-decoration: none; font-size: 14px; }
.legal-back:hover { color: var(--fl-text); }
.legal-draft { margin: 24px 0; padding: 12px 16px; border: 1px dashed var(--fl-warn); border-radius: 12px; color: var(--fl-warn); font-size: 14px; }
h1 { margin: 8px 0 4px; font-size: clamp(32px, 5vw, 48px); letter-spacing: -0.03em; line-height: 1.1; }
h2 { margin: 36px 0 8px; font-size: 19px; }
p, li { color: var(--fl-text-2); }
.legal-date { color: var(--fl-muted); font-size: 14px; }
a { color: var(--fl-red-text); }
ul { padding-left: 20px; }
:focus-visible { outline: 2px solid var(--fl-focus); outline-offset: 3px; }