:root {
  color-scheme: dark;
  --legal-background: #08120f;
  --legal-surface: #101d19;
  --legal-text: #f4f7f5;
  --legal-muted: #a9b8b1;
  --legal-border: #294038;
  --legal-accent: #55d6a7;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--legal-background);
  color: var(--legal-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
}

header {
  border-bottom: 1px solid var(--legal-border);
  background: var(--legal-surface);
}

header div,
main {
  width: min(100% - 2rem, 880px);
  margin: 0 auto;
}

header div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  gap: 1rem;
}

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

.brand {
  color: var(--legal-text);
  font-weight: 800;
  text-decoration: none;
}

.back-link {
  border: 1px solid var(--legal-border);
  border-radius: 6px;
  padding: .5rem .75rem;
  color: var(--legal-text);
  text-decoration: none;
}

main { padding: 3.5rem 0 5rem; }
h1 { margin: 0; font-size: clamp(2rem, 6vw, 3.25rem); line-height: 1.1; }
h2 { margin: 2.5rem 0 .6rem; font-size: 1.35rem; line-height: 1.3; }
p { color: var(--legal-muted); }
.updated { margin-top: .75rem; }

@media (max-width: 520px) {
  header div { min-height: 64px; }
  .brand { font-size: .9rem; }
  main { padding-top: 2.5rem; }
}