/* Terms and Conditions page (/terms). Same look as the verify page. */
:root {
  --t-bg: #f4f6fa; --t-card: #ffffff; --t-ink: #182b49; --t-muted: #596b82; --t-line: #dce3ed; --t-blue: #3158c9; --t-tint: #eef3ff;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --t-bg: #101925; --t-card: #192536; --t-ink: #e6edf7; --t-muted: #a8b7ca; --t-line: #304057; --t-blue: #a3baff; --t-tint: #1d2b44; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--t-bg); color: var(--t-ink); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.t-wrap { max-width: 760px; margin: 0 auto; padding: 28px 16px 48px; }
.t-head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.t-head img { flex: 0 0 auto; filter: drop-shadow(0 3px 5px rgba(0,0,0,.3)); }
.t-eyebrow { margin: 0; font-size: 12px; color: var(--t-muted); letter-spacing: .02em; }
h1 { margin: 2px 0 0; font-size: 26px; line-height: 1.2; }
.t-meta { margin: 4px 0 0; font-size: 13px; color: var(--t-muted); }
.t-summary, .t-toc, .t-body { background: var(--t-card); border: 1px solid var(--t-line); border-radius: 14px; padding: 18px 20px; margin-bottom: 16px; }
.t-summary { background: var(--t-tint); }
.t-summary h2, .t-toc h2 { margin: 0 0 8px; font-size: 16px; }
.t-summary ul { margin: 0; padding-left: 20px; }
.t-toc ol { margin: 0; padding-left: 22px; columns: 2 220px; column-gap: 24px; font-size: 14px; }
.t-toc li { break-inside: avoid; }
a { color: var(--t-blue); }
.t-body section { scroll-margin-top: 16px; padding: 4px 0 6px; border-top: 1px solid var(--t-line); }
.t-body section:first-child { border-top: 0; }
.t-body h2 { margin: 14px 0 6px; font-size: 18px; }
.t-body h3 { margin: 12px 0 4px; font-size: 15px; }
.t-body p, .t-body li, .t-body dd { overflow-wrap: anywhere; }
.t-body ol, .t-body ul { padding-left: 22px; }
.t-body li { margin: 4px 0; }
.t-body dl { margin: 0; }
.t-body dt { font-weight: 700; margin-top: 8px; }
.t-body dd { margin: 0 0 0 0; color: var(--t-ink); }
.t-foot { text-align: center; font-size: 13px; color: var(--t-muted); }
.t-foot p { margin: 4px 0; }
a:focus-visible { outline: 2px solid var(--t-blue); outline-offset: 2px; }
@media print {
  body { background: #fff; color: #000; }
  .t-summary, .t-toc, .t-body { border: 0; padding: 0; background: #fff; }
  .t-toc, .t-foot a { display: none; }
}