@import url('styles.css?v=10');

html, body {
  height: auto;
  overflow: auto;
}

body {
  min-height: 100vh;
  background: var(--bg);
  color: var(--fg);
}

.legal-page {
  width: min(100% - 48px, 780px);
  margin: 0 auto;
  padding: 42px 0 80px;
}

.legal-nav {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
  font-size: 11px;
  letter-spacing: .12em;
}

.legal-page a { color: var(--accent); }

.legal-page h1 {
  margin: 42px 0 24px;
  font-family: 'Barlow Condensed', Impact, sans-serif;
  font-size: clamp(44px, 9vw, 76px);
  line-height: 1;
  text-transform: uppercase;
}

.legal-page h2 {
  margin: 32px 0 10px;
  font-family: 'Barlow Condensed', Impact, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
}

.legal-page p, .legal-page li {
  font-size: 13px;
  line-height: 1.8;
}

.legal-page p { margin: 10px 0; }
.legal-page ul { padding-left: 24px; }