/* ============================================================
   Legal pages — a narrow reading column on the light ground.
   Same shell, same tokens; only the content column is new.
   ============================================================ */
.subhero {
  background: var(--deep); color: var(--on-deep);
  padding-block: clamp(2.75rem, 2rem + 3vw, 4.5rem);
}
.subhero .eyebrow { color: var(--accent-bright); display: flex; align-items: center; gap: .75rem; }
.subhero .eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--accent-bright); opacity: .8; flex: none; }
.subhero h1 { color: var(--on-deep); max-width: 20ch; line-height: 1.08; letter-spacing: -0.018em; }
.subhero__meta { color: var(--on-deep-faint); font-size: var(--fs-sm); margin: var(--space-sm) 0 0; }

.prose { max-width: 68ch; padding-block: var(--section-y); }
.prose h2 {
  font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
  margin: var(--space-xl) 0 var(--space-sm);
  padding-top: var(--space-md); border-top: 1px solid var(--hairline);
}
.prose h2:first-of-type { margin-top: 0; border-top: 0; padding-top: 0; }
.prose h3 { font-size: 1.15rem; margin: var(--space-lg) 0 var(--space-2xs); }
.prose p, .prose li { color: var(--ink-dim); line-height: 1.75; }
.prose strong { color: var(--ink); font-weight: 600; }
.prose ul { padding-left: 1.15rem; margin: 0 0 var(--space-sm); }
.prose li { margin-bottom: .4rem; }
.prose a { color: var(--accent-deep); text-underline-offset: 3px; }
.prose table { width: 100%; border-collapse: collapse; margin: var(--space-md) 0; font-size: var(--fs-sm); }
.prose th, .prose td { text-align: left; padding: .6rem .75rem; border-bottom: 1px solid var(--hairline-2); }
.prose th { color: var(--ink); font-weight: 600; }

/* The short version block: the thing people actually read */
.prose__tldr {
  background: var(--surface); border: 1px solid var(--hairline);
  border-left: 3px solid var(--accent); border-radius: var(--radius);
  padding: var(--space-md) var(--space-lg); margin-bottom: var(--space-xl);
}
.prose__tldr h2 { border: 0; padding: 0; margin: 0 0 var(--space-2xs); font-size: 1.15rem; }
.prose__tldr p:last-child { margin-bottom: 0; }

@media print {
  .subhero { background: #fff; color: #000; padding-block: 0 1rem; }
  .subhero h1 { color: #000; }
  .prose { max-width: 100%; padding-block: 0; }
}