/* Legal pages (Privacy / Terms / Cookie) — Paper "Cubbi Website" legal artboards:
   plain white page, display heading with a lilac stripe, uppercase green section headings. */

.legal-head {
  padding: 3.25rem 0 0.5rem;
}
.legal-head h1 {
  margin-bottom: 0.2rem;
}
.legal-head .head-stripe {
  display: block;
  width: 19.5rem;
  max-width: 80%;
  height: 5px;
  background: var(--lilac-500);
  border-radius: 3px;
  transform: skewY(-1deg);
}
.legal-head .legal-updated {
  margin-top: 1rem;
  color: var(--ink-muted);
  font-size: 0.9375rem;
}
.legal-body h2 {
  color: var(--green-700);
  text-transform: uppercase;
  font-size: 1.0625rem;
  letter-spacing: 0.02em;
  margin-top: 2.25em;
}
.legal-body {
  padding-bottom: 3.5rem;
  /* The Paper legal artboards run the text full-width at the heading's margin:
     undo .prose's narrow centered measure but keep .container's own bounds. */
  max-width: var(--container);
  margin-inline: auto;
}
/* Privacy alone uses numbered sentence-case headings; muted per CUB-256. */
.legal-body--plain h2 {
  text-transform: none;
  color: var(--ink-muted);
  font-size: 1.125rem;
  letter-spacing: 0;
}