/* The secondary pages: /trust, /docs, /partners, /pricing, /status, and the
   /legal drafts. Built by scripts/site/info_pages.py and legal_pages.py; they
   load style.css first and this file adds only what long, plain reading
   pages need. Tokens only, so both themes follow. */

.doc { max-width: 48rem; }
.doc h2 { font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem); margin: 2.6rem 0 0.8rem; }
.doc h2:first-child { margin-top: 0; }
.doc h3 { margin-top: 1.6rem; }
.doc p, .doc li { color: var(--glg-body); }
.doc ul, .doc ol { padding-left: 1.2rem; }
.doc li + li { margin-top: 0.45rem; }
.doc .lead { color: var(--glg-ink); }

/* The banner every legal draft carries above its heading. */
.draft {
  margin: 0 0 1.4rem;
  padding: 0.85rem 1rem;
  border: 2px solid var(--glg-ember);
  background: var(--glg-ember-tint);
  color: var(--glg-ink);
  font-weight: 600;
  max-width: 40rem;
}

/* A fact we have not confirmed yet, left visible on purpose. */
.tbc {
  padding: 0.05rem 0.3rem;
  background: var(--glg-sage-tint);
  color: var(--glg-ink);
  font-family: var(--glg-font-mono);
  font-size: 0.85em;
  border-radius: 0.25rem;
}

.updated { font-family: var(--glg-font-mono); font-size: 0.8125rem; color: var(--muted); }

/* Lists of facts or links, one card each. */
.doc .cards, .cards { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 48em) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cards > li { padding: 1.2rem 1.3rem; }
.cards > li + li { margin-top: 0; }
.cards h3 { margin: 0 0 0.4rem; font-size: 1.0625rem; }
.cards p { margin: 0; color: var(--glg-body); }
.cards .how { margin-top: 0.6rem; font-size: 0.875rem; color: var(--muted); }
.cards .go { margin-top: 0.6rem; display: inline-block; }

/* The subprocessor table scrolls inside itself on a phone, never the page. */
.table-wrap { overflow-x: auto; margin-top: 1rem; border: 1px solid var(--line-2); }
.subs { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.subs th, .subs td { padding: 0.7rem 0.9rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line-2); }
.subs th { font-family: var(--glg-font-display); font-weight: 600; color: var(--glg-ink); background: var(--glg-surface); }
.subs td { color: var(--glg-body); }
.subs tr:last-child td { border-bottom: 0; }

/* The one plain box on the status page. */
.note { padding: clamp(1.2rem, 3vw, 1.8rem); margin-top: 1.4rem; }
.note h2 { margin-top: 0; }
.price { font-family: var(--glg-font-display); font-weight: 600; color: var(--glg-ink); }