/*
 * Exodus Core Solutions — legal.html. Loads after css/inner.css.
 * Long-form text on the white panel in a ~70-character column.
 */

/* "LEGAL" measures 2.96em in Kanit 900 at -.025em tracking. */
.legal-page .hero__heading{ --hero-em: 2.96; }

.prose{
  max-width: 46rem;
  margin: 0 auto;
  color: rgba(12, 12, 12, .8);
}
.prose .prose__meta{
  margin-bottom: 1.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .78rem;
  color: rgba(12, 12, 12, .62);              /* .55 was 4.3:1 on white; .62 clears 4.5:1 */
}

.legal-toc{
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-bottom: 3rem;
}
.legal-toc .ghost-btn{ white-space: normal; }

.prose h2{
  margin: 3.5rem 0 1rem;
  color: var(--bg);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: 1.1;
  font-size: clamp(1.6rem, 3.4vw, 2.5rem);
  scroll-margin-top: 1.5rem;
}
.prose h2:first-of-type{ margin-top: 0; }
.prose h3{
  margin: 2rem 0 .5rem;
  color: var(--bg);
  font-weight: 600;
  line-height: 1.3;
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
}
.prose p,
.prose li{
  font-weight: 300;
  line-height: 1.75;
  font-size: clamp(1rem, 1.3vw, 1.075rem);
}
.prose p{ margin-bottom: 1rem; }
.prose strong{ font-weight: 600; color: var(--bg); }
.prose ul{ margin: 0 0 1rem 1.25rem; }
.prose li{ margin-bottom: .4rem; padding-left: .25rem; }
.prose li::marker{ color: var(--bg); }
.prose a:not(.ghost-btn){
  color: var(--bg);
  font-weight: 500;
  border-bottom: 2px solid rgba(12, 12, 12, .25);
  transition: border-color .2s var(--ease);
  overflow-wrap: anywhere;
}
.prose a:not(.ghost-btn):hover{ border-color: var(--bg); }