/* Legal document pages: readable, plain, built on the shared tokens. */

body.legal { background: var(--hc-bg); color: var(--hc-ink); }

.legal-header {
  background: var(--hc-red);
  padding: 12px 16px;
}
.legal-home { color: var(--hc-red-ink); font-weight: 800; text-decoration: none; }

.legal-doc {
  max-width: 740px;
  margin: 0 auto;
  padding: 24px 18px 48px;
  line-height: 1.6;
}
.legal-doc h1 { font-size: 1.6rem; margin-top: 0; }
.legal-doc h2 { font-size: 1.15rem; margin-top: 28px; }
.legal-doc p { margin: 10px 0; }

.legal-draft {
  background: var(--hc-water-soft);
  border-left: 4px solid var(--hc-water);
  padding: 10px 14px;
  border-radius: var(--hc-radius-sm);
}
.legal-meta { color: var(--hc-muted); }
.legal-contact { color: var(--hc-ink); }
.legal-nav { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--hc-line); }
.legal-nav a { color: var(--hc-water); }

.btn {
  min-height: var(--hc-touch);
  padding: 10px 18px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: var(--hc-radius-sm);
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-primary { background: var(--hc-red); color: var(--hc-red-ink); }
.btn:focus-visible { outline: 3px solid var(--hc-water); outline-offset: 1px; }