/* Loaded last on every page: the whole site a touch smaller (as the browser's own zoom-out once draws it, owner 2026-10-23),
   the smallest type a little larger to make up for it, and the dark theme for every page below the landing page's opening. */
html { zoom: 0.9; }
.facts, .toc, .count, .trow.head, .meta, figcaption, .numbers span, .note, .status, .reach span, .label-row { font-size: max(1em, 14px) !important; }
.toc a span:first-child, figcaption .mono { font-size: 12.5px !important; }

@media (prefers-color-scheme: dark) {
  :root { --ink: #ECEAE3; --paper: #151514; --line: #2D2C29; --soft: #9D9B93; --soft2: #B9B7AF; --tint: #1B2536; }
  html, body { background: var(--paper); color: var(--ink); }
  .site-head { --h-ink: #ECEAE3; --h-fill: rgba(236, 234, 227, 0.08); --h-fill-2: rgba(236, 234, 227, 0.15); --h-bg: #151514; }

  /* quiet fills and greys drawn for paper */
  .soft, .seg, .cta.quiet { background: rgba(236, 234, 227, 0.08); color: var(--ink); }
  .soft:hover, .cta.quiet:hover { background: rgba(236, 234, 227, 0.14); }
  .seg button { color: var(--soft2); }
  .seg button[aria-checked="true"], .cta, .primary, .steps .n { background: var(--ink); color: #151514; }
  .cta:hover, .primary:hover { background: #fff; }
  .say, .trow span, .lede, .feature .copy > p:last-child, .grid p, .grid ul, .logos li, .site-foot nav a, article .standfirst { color: var(--soft2); }
  .closing h2 span, .hero h1 span, .closing p, .note, .status, .note-small, .site-foot h5, .site-foot .copy, .integrations .group h4 small { color: var(--soft); }
  a.trow:hover::before { background: rgba(236, 234, 227, 0.05); }
  .trow.wait { background: linear-gradient(100deg, #1e1e1c 30%, #262624 50%, #1e1e1c 70%); background-size: 200% 100%; }

  /* the landing page below its opening */
  .feature .copy, .integrations h2, .trust h2, .grid > div, .site-foot { border-color: var(--line); }
  .shot { background: #1E1E1C; }
  .shot img { background: #1E1E1C; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 10px 30px rgba(0, 0, 0, 0.4); }
  .logo { background: #F3F2EE; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 22px rgba(0, 0, 0, 0.35); }
  .integrations .group { background: rgba(255, 255, 255, 0.02); border-color: var(--line); }
  .logo.mono, .logo.file { color: #3c3b37; }
  .menu { background: #232321; color: #ECEAE3; }
  .toast { background: #ECEAE3; color: #151514; }

  /* invitations, the request sheet, the legal pages */
  .steps > li, .other button, .sheet input, article .lede, .wrap { background: #1C1C1A; }
  .quiet:hover { background: rgba(255, 255, 255, 0.06); }
  .other button:hover { background: var(--paper); }
  .legal article a { color: #8DB4E2; }
  article th { background: #1F1F1D; }

  /* research: figures and the cover have their own dark versions (<picture>) */
  .hero, .card .cover, figure img { border-color: var(--line); }
  .numbers div { background: var(--paper); }
  .numbers b, .callout b, .toc a:hover { color: #6EA6FF; }
}

/* a link that leaves the site says so with one arrow, as the app does */
.reach a[href^="http"]::after, .trust .links a[href^="http"]::after, .legal a[href^="http"]::after { content: "\2197"; display: inline-block; margin-left: 4px; font-size: 0.85em; opacity: 0.7; }
@media (prefers-color-scheme: dark) {
  .platforms { color: var(--soft2); }
  .platforms img { filter: invert(1); }
  .unis h2 { border-color: var(--line); }
  .unis .say { color: var(--soft2); }
  .uni-logos img { filter: invert(1); opacity: 0.82; }
}