/* Legal pages. Plain, readable, and deliberately unstyled beyond legibility —
   nobody should have to hunt for the sentence that affects them. */

* { box-sizing: border-box; }
[hidden] { display: none !important; }

body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: var(--sans); font-size: 16px; line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.legal-top {
  background: var(--grad);
  padding: 20px clamp(16px, 4vw, 40px) 46px;
}
.legal-top .brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; color: var(--on-grad); }
.legal-top .mark {
  width: 26px; height: 26px; border-radius: 8px; flex: none; background: var(--on-grad);
}
.legal-top .brand-text { font-weight: 600; }
.legal-top h1 {
  max-width: 760px; margin: 30px auto 6px; color: var(--on-grad);
  font-size: clamp(1.9rem, 5vw, 2.6rem); line-height: 1.15; letter-spacing: -0.02em;
}
.legal-top .updated {
  max-width: 760px; margin: 0 auto; color: var(--on-grad-faint); font-size: 13.5px;
}

.legal-body {
  max-width: 760px; margin: 0 auto; padding: 34px clamp(16px, 4vw, 40px) 70px;
}
.legal-body h2 {
  margin: 34px 0 10px; font-size: 1.18rem; letter-spacing: -0.01em;
  padding-top: 18px; border-top: 1px solid var(--line);
}
.legal-body h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 6px; }
.legal-body h3 { margin: 20px 0 6px; font-size: 1rem; }
.legal-body p, .legal-body li { color: var(--text-dim); }
.legal-body ul { padding-left: 20px; }
.legal-body li { margin: 5px 0; }
.legal-body a { color: var(--accent); }
.legal-body strong { color: var(--text); }

/* The lead paragraph of each page: what this document actually does. */
.legal-lede {
  margin: 0 0 26px; padding: 15px 17px; border-radius: var(--radius);
  background: var(--navy-soft); border: 1px solid var(--line);
  font-size: 15px; color: var(--text);
}

.legal-contact {
  margin-top: 30px; padding: 17px; border-radius: var(--radius);
  background: var(--surface-2); border: 1px solid var(--line);
}
.legal-contact p { margin: 0 0 4px; }

/* .legal-foot is theme.css's — eleven pages use it. The copy that stood here
   loaded afterwards and re-applied --text-faint, which is 2.96:1 against the
   page, so the contrast fix in theme.css had no effect on these four pages. */

/* A postal address block: preserved line breaks, set apart from the prose so
   the DMCA agent details read as a record rather than a sentence. */
.legal-body .addr {
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  line-height: 1.75;
}