mark.confirm {
  background: var(--warn-wash); color: var(--warn-ink);
  font-family: var(--font-ui); font-weight: 600; font-size: 0.92em;
  padding: 0.05em 0.3em; border-radius: var(--r-chip);
  box-shadow: inset 0 0 0 1px rgba(138, 81, 4, 0.28);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.legal-table {
  width: 100%; border-collapse: collapse;
  font-size: var(--t-small); line-height: var(--lh-body);
}
.legal-table caption {
  caption-side: top; text-align: left; padding-bottom: var(--s-2);
  font-family: var(--font-ui); font-size: var(--t-label); font-weight: 700;
  letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-soft);
}
.legal-table th, .legal-table td {
  text-align: left; vertical-align: top;
  padding: var(--s-3) var(--s-3) var(--s-3) 0;
  border-bottom: 1px solid var(--line);
}
.legal-table thead th {
  font-family: var(--font-ui); font-weight: 700; color: var(--ink-strong);
  border-bottom: 2px solid var(--ink-strong);
}
.legal-table tbody th { font-family: var(--font-ui); font-weight: 700; color: var(--ink-strong); overflow-wrap: normal; min-width: 7.5rem; }
@media (max-width: 48rem) {
  .legal-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .legal-table, .legal-table tbody, .legal-table tr, .legal-table th, .legal-table td { display: block; width: 100%; }
  .legal-table caption { display: block; width: 100%; }
  .legal-table tr { padding: var(--s-3) 0; border-bottom: 1px solid var(--line); }
  .legal-table tbody th, .legal-table td { border: 0; padding: var(--s-1) 0; }
  .legal-table td::before {
    content: attr(data-label); display: block;
    font-family: var(--font-ui); font-size: var(--t-label); font-weight: 700;
    letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-soft);
  }
}