/* Minimal supplemental typography for legal/support pages. Reuses navbar/footer from styles.css. */
.legal-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 24px 72px;
  line-height: 1.7;
  color: #1e1b2e;
}
.legal-page h1 {
  font-size: 2.25rem;
  margin-bottom: 0.25em;
}
.legal-page .legal-updated {
  color: #6b6478;
  font-size: 0.9rem;
  margin-bottom: 2.5em;
}
.legal-page h2 {
  font-size: 1.35rem;
  margin-top: 2.25em;
  margin-bottom: 0.5em;
}
.legal-page h3 {
  font-size: 1.05rem;
  margin-top: 1.5em;
  margin-bottom: 0.4em;
}
.legal-page p, .legal-page li {
  font-size: 1rem;
}
.legal-page ul, .legal-page ol {
  padding-left: 1.4em;
  margin-bottom: 1em;
}
.legal-page table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0 1.5em;
  font-size: 0.92rem;
}
.legal-page th, .legal-page td {
  text-align: left;
  padding: 0.5em 0.75em;
  border: 1px solid #e5e1ec;
  vertical-align: top;
}
.legal-page th {
  background: #f7f5fb;
}
.legal-page .placeholder {
  background: #fff8e1;
  border: 1px solid #f0d97a;
  border-radius: 6px;
  padding: 0.15em 0.5em;
}
.legal-page a {
  color: #4f46e5;
}

.legal-page p { margin-bottom: 1em; }
.legal-page a { text-decoration: underline; overflow-wrap: anywhere; }
.legal-page table { table-layout: fixed; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .legal-page { padding: 40px 20px 48px; }
  .legal-page table { font-size: 0.75rem; }
  .legal-page th, .legal-page td { padding: 0.5em 0.35em; }
}