.doc h2 { margin-top: var(--s-4); }
.doc [data-draft] { flex-direction: row; align-items: flex-start; gap: var(--s-2); }
.doc [data-draft] .icon { flex: none; color: var(--c-accent2); }

.doc__qa { display: flex; flex-direction: column; gap: var(--s-4); }
.doc__qa dt { font: var(--t-h3); }
.doc__qa dd { margin: var(--s-1) 0 0; }

.doc__toc ol { display: flex; flex-direction: column; gap: var(--s-2); margin: var(--s-3) 0 0; padding: 0; list-style: none; }
.doc__links { display: flex; flex-wrap: wrap; gap: 0 var(--s-6); padding-top: var(--s-4); border-top: 1px solid var(--c-line); }
.doc__links a { display: inline-flex; align-items: center; min-height: 48px; }

.facts { width: 100%; border-collapse: collapse; }
.facts thead { display: none; }
.facts tr { display: block; padding-block: var(--s-3); border-bottom: 1px solid var(--c-line); }
.facts th, .facts td { display: block; padding: 0; text-align: left; vertical-align: top; }
.facts tbody th { font-weight: 600; }
.facts td { color: var(--c-muted); }
@media (min-width: 768px) {
  .facts thead { display: table-header-group; }
  .facts tr { display: table-row; }
  .facts th, .facts td { display: table-cell; padding: var(--s-3) 0; border-bottom: 1px solid var(--c-line); }
  .facts thead th { color: var(--c-muted); font: var(--t-meta); letter-spacing: 0.04em; text-transform: uppercase; }
  .facts tbody th { padding-right: var(--s-4); }
  .facts td { color: var(--c-text); }
}

.legal p, .legal li { line-height: 26px; }
.legal__section { display: flex; flex-direction: column; gap: var(--s-3); scroll-margin-top: var(--s-4); }
.legal__list { display: flex; flex-direction: column; gap: var(--s-2); margin: 0; padding-left: var(--s-6); }
.legal__consent { padding: var(--s-4); border-radius: var(--r-m); background: var(--c-surface); }
.legal__props div { display: grid; grid-template-columns: minmax(0, 7rem) minmax(0, 1fr); gap: var(--s-3); padding-block: var(--s-2); border-bottom: 1px solid var(--c-line); }
.legal__props dt { color: var(--c-muted); }
.legal__props dd { margin: 0; }

.ph { padding: 0 var(--s-1); border-radius: var(--r-xs); background: var(--c-accent-tint); color: var(--c-text); }
