/**
 * docs.css — S8 (privacy notice) and S9 (legal & contact): the shared "linear
 * legal document" furniture. Both screens are one document deck at
 * `measure-legal: 66ch`, key/value entity-style rows using the WIDER
 * `record-row-columns` variant of the shared `.manifest` grid (design.md §11.5:
 * "the wider record-table variant") — `.record-manifest` just redefines the one
 * custom property `.manifest__row` already reads, rather than duplicating the
 * grid rules.
 */

.doc {
  max-inline-size: var(--measure-legal);
}
.doc__version-stamp {
  margin: 0 0 var(--space-32);
  font-family: var(--font-stack-mono);
  font-size: var(--text-data-lat-size);
  color: var(--color-ink-muted);
}
:lang(ar) .doc__version-stamp {
  font-family: var(--font-stack-text-ar);
  font-size: var(--text-data-value-ar-size);
}

.doc__heading {
  margin: var(--space-48) 0 var(--space-16);
  font-family: var(--font-stack-display-lat);
  font-weight: var(--text-h3-lat-weight);
  font-size: var(--text-h3-lat-size);
  line-height: var(--text-h3-lat-leading);
  letter-spacing: var(--text-h3-lat-tracking);
  /* design.md §4.2: text-h3-lat Case = upper (Arabic caseless per §4.3). */
  text-transform: uppercase;
  color: var(--color-ink);
}
.doc__heading:first-of-type {
  margin-block-start: 0;
}
:lang(ar) .doc__heading {
  font-family: var(--font-stack-display-ar);
  font-weight: var(--text-h3-ar-weight);
  font-size: var(--text-h3-ar-size);
  line-height: var(--text-h3-ar-leading);
}

.doc__body {
  margin: 0 0 var(--space-16);
  font-size: var(--text-legal-lat-size);
  line-height: var(--text-legal-lat-leading);
  color: var(--color-ink);
}
:lang(ar) .doc__body {
  font-size: var(--text-legal-ar-size);
  line-height: var(--text-legal-ar-leading);
  letter-spacing: 0 !important;
}

.record-manifest {
  --manifest-row-columns: var(--record-row-columns);
}

.doc__refund-heading {
  margin: 0 0 var(--space-16);
  font-family: var(--font-stack-display-lat);
  font-weight: var(--text-h3-lat-weight);
  font-size: var(--text-h3-lat-size);
  line-height: var(--text-h3-lat-leading);
  letter-spacing: var(--text-h3-lat-tracking);
  /* design.md §4.2: text-h3-lat Case = upper (Arabic caseless per §4.3). */
  text-transform: uppercase;
  color: var(--color-ink);
}
:lang(ar) .doc__refund-heading {
  font-family: var(--font-stack-display-ar);
  font-weight: var(--text-h3-ar-weight);
  font-size: var(--text-h3-ar-size);
  line-height: var(--text-h3-ar-leading);
}