/* Legal pages. Tokens from ../app/tokens.css, layout from ../app/app.css. */
body { padding-inline: 0; }
.top, .foot, .doc { max-width: 720px; margin-inline: auto; padding-inline: var(--s4); box-sizing: border-box; }
.doc { padding-bottom: var(--s5); }
.doc h1 { margin-top: var(--s5); }
.doc h2 { margin-top: var(--s5); }
.doc p, .doc li { line-height: 1.6; }
.table-scroll { overflow-x: auto; max-width: 100%; }
.doc table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: .92em; }
.doc th, .doc td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
.doc th { background: var(--surface); }
.brand a { color: inherit; text-decoration: none; }
.foot nav a { display: inline-flex; align-items: center; min-height: var(--tap); }
.foot p { margin: var(--s2) 0; }
body > header.top { max-width: 720px; padding: var(--s3) var(--s4); min-height: 0; }
html:not([data-strings="ready"]) .foot, html:not([data-strings="ready"]) main { visibility: visible; }
a:focus-visible, .btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }
.doc .trumpai { margin-top: var(--s4); padding: var(--s3) var(--s4); border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.doc .trumpai h2 { margin-top: 0; }