/* Generated from scripts/styles/manifest.json. Edit canonical sources, not this immutable file. */
/* Source: features/legal.css */
.legal-page .table-wrap:focus-visible {
  outline: 2px solid var(--accent-text);
  outline-offset: 3px;
}

.legal-page .legal-wrap :is(p,li,td) a {
  text-decoration: underline;
  text-underline-offset: .18em;
}

.legal-page .legal-table-scroll-hint {
  display: none;
}
@media (max-width:699px) {
  .legal-page .legal-table-scroll-hint {
    display: block;
    margin: 14px 0 0;
    padding-left: 10px;
    border-left: 2px solid var(--accent-text);
    color: var(--text-muted);
    font-size: .875rem;
    line-height: 1.6;
  }
}

/* PV-01 (2026-10-01 audit): on small screens a wide policy table shows edge shadows while
   more columns remain, in addition to the written hint. Layout only; policy text is unchanged. */
@media (max-width:699px) {
  .legal-page .table-wrap {
    background:
      linear-gradient(to right, var(--color-paper-warm) 30%, transparent) left center / 40px 100% no-repeat local,
      linear-gradient(to left, var(--color-paper-warm) 30%, transparent) right center / 40px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--color-ink) 22%, transparent), transparent) left center / 14px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--color-ink) 22%, transparent), transparent) right center / 14px 100% no-repeat scroll;
    border-inline: 1px solid var(--border-hairline);
  }
}

.legal-page ul + p {
  margin-top: 12px;
}