/* Legal pages, served to the public while the platform is in private beta.
   Loaded ON TOP of gate.css, which supplies the palette, the theme handling and the shell. This
   file only adds what long prose needs and gate.css has no reason to carry. */
.legal { max-width: 44rem; }
.legal .brand {
  text-decoration: none; color: inherit;
  /* The shell puts the mark immediately above the page title, and without this the h1 sat on the
     logo with no air at all. */
  margin-bottom: clamp(1.75rem, 5vw, 2.75rem);
}

.legal .seo-ssr h1 {
  font-family: var(--serif); font-weight: 600;
  font-size: clamp(1.6rem, 5vw, 2.1rem); line-height: 1.25;
  margin: 0 0 .5rem; letter-spacing: -.01em;
}
.legal .seo-ssr h2 {
  font-family: var(--serif); font-weight: 600; font-size: 1.2rem;
  margin: 2.25rem 0 .625rem; padding-top: 1.25rem;
  border-top: 1px solid var(--border-subtle); color: var(--text);
}
.legal .seo-ssr h2:first-of-type { border-top: 0; padding-top: 0; }
.legal .seo-ssr h3 { font-size: 1rem; font-weight: 650; margin: 1.5rem 0 .5rem; color: var(--text); }
.legal .seo-ssr p { margin: 0 0 1rem; color: var(--text-muted); }
.legal .seo-ssr strong { color: var(--text); font-weight: 650; }
.legal .seo-ssr a { color: var(--link); }
.legal .seo-ssr ul, .legal .seo-ssr ol { margin: 0 0 1.125rem; padding-left: 1.25rem; }
.legal .seo-ssr li { margin-bottom: .5rem; color: var(--text-muted); }
.legal .seo-ssr table { width: 100%; border-collapse: collapse; margin: 0 0 1.25rem; font-size: .9375rem; }
.legal .seo-ssr th, .legal .seo-ssr td {
  text-align: left; padding: .5rem .625rem; border-bottom: 1px solid var(--border-subtle);
}
/* Long prose wants a slightly narrower measure than the form did — ~70 characters. */
.legal .seo-ssr { font-size: 1rem; line-height: 1.65; }