/* legal.css — the prose pages (privacy.html, terms.html), on fibtec.css's tokens. */

.legal-doc { max-width: 760px; line-height: 1.7; }

.legal-doc .legal-note {
  margin: 0 0 40px; padding: 16px 20px;
  background: var(--bg2); border-left: 2px solid var(--gold);
  border-radius: var(--radius);
  font-size: 14px; font-weight: 300; color: var(--text2); line-height: 1.7;
}

.legal-doc h2 {
  font-family: var(--serif); font-size: 26px; font-weight: 400;
  letter-spacing: -.01em; color: var(--text);
  margin: 52px 0 16px; padding-top: 28px; border-top: 1px solid var(--border);
}
.legal-doc h3 {
  font-family: var(--serif); font-size: 20px; font-weight: 500;
  color: var(--text); margin: 32px 0 12px;
}

.legal-doc p, .legal-doc li {
  font-size: 15px; font-weight: 300; color: var(--text); line-height: 1.75;
}
.legal-doc p { margin: 0 0 16px; }
.legal-doc strong { font-weight: 500; }
.legal-doc ul { margin: 0 0 16px; padding-left: 22px; }
.legal-doc li + li { margin-top: 8px; }
.legal-doc a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.legal-doc code { font-family: var(--mono); font-size: .88em; color: var(--gold); }

.legal-doc table {
  width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 13px;
}
.legal-doc th, .legal-doc td {
  border: 1px solid var(--border2); padding: 8px 12px; text-align: left; vertical-align: top;
  font-weight: 300; color: var(--text);
}
.legal-doc th { background: var(--bg2); font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }

@media (max-width: 640px) {
  .legal-doc h2 { font-size: 22px; margin-top: 40px; }
  .legal-doc table { display: block; overflow-x: auto; }
}