/* Legal/contact pages — narrow reading column on the funnel's tokens. */

.legal-header {
  background: var(--c-surface);
  border-bottom: 1px solid var(--c-border);
  padding: var(--sp-3) var(--section-pad-x);
}
.legal-header__brand {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap-min);
  font: 800 20px var(--font-heading);
  color: var(--c-text);
}
.legal-header__brand:hover { color: var(--c-teal-dark); }

.legal-main {
  max-width: 720px;
  margin-inline: auto;
  padding: var(--sp-9) var(--section-pad-x) var(--sp-13);
}

.legal-main__title {
  font: 800 var(--fs-h2)/var(--lh-tight) var(--font-heading);
  color: var(--c-text);
  margin-bottom: var(--sp-8);
  text-wrap: pretty;
}

.legal-prose h2 {
  font: 800 20px var(--font-heading);
  color: var(--c-text);
  margin: var(--sp-9) 0 var(--sp-4);
}
.legal-prose h3 {
  font: 700 var(--fs-body) var(--font-heading);
  color: var(--c-text);
  margin: var(--sp-6) 0 var(--sp-3);
}
.legal-prose p,
.legal-prose li {
  font: 400 var(--fs-body)/var(--lh-loose) var(--font-body);
  color: var(--c-text-muted);
  margin-bottom: var(--sp-4);
}
.legal-prose li { margin-bottom: var(--sp-2); }
.legal-prose ul,
.legal-prose ol { padding-left: 22px; margin: 0 0 var(--sp-5); }
.legal-prose a { text-decoration: underline; text-underline-offset: 2px; }
.legal-prose strong { color: var(--c-text); }

/* Placeholder markers stand out until every one is replaced. */
.legal-prose mark {
  background: var(--c-star);
  color: var(--c-text);
  padding: 1px 5px;
  border-radius: var(--r-sm);
  font-weight: 600;
}

.legal-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 var(--sp-6);
  font: 400 var(--fs-sm)/var(--lh-normal) var(--font-body);
  color: var(--c-text-muted);
}
.legal-prose th,
.legal-prose td {
  border: 1px solid var(--c-border);
  padding: var(--sp-3) var(--sp-4);
  text-align: left;
  vertical-align: top;
}
.legal-prose th {
  background: var(--c-bg-alt);
  color: var(--c-text);
  font-weight: 700;
}
.legal-table-scroll { overflow-x: auto; margin-bottom: var(--sp-6); }
.legal-table-scroll table { margin-bottom: 0; min-width: 560px; }

/* Copyable block (withdrawal form). */
.legal-form {
  background: var(--c-bg-alt);
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  padding: var(--sp-6);
  margin: 0 0 var(--sp-6);
  -webkit-user-select: all;
          user-select: all;
}
.legal-form p { margin-bottom: var(--sp-3); }
.legal-form p:last-child { margin-bottom: 0; }

/* No sticky buy bar here — footer doesn't need the extra clearance. */
.momordica-legal .site-footer { padding-bottom: var(--sp-9); }