/* Bail website: paper ground, ink type, one column. System fonts only; nothing loads from anywhere else. */
:root { --paper:#f2f2f2; --ink:#0e0e0e; --dim:#6b6b6b; --line:#dcdcdc; --night:#0a0a0a; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font: 16px/1.6 system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 16px 80px; }
.mark { font-weight: 900; font-stretch: condensed; letter-spacing: .12em; font-size: 22px; text-decoration: none; color: var(--ink); }
h1 { font-weight: 900; font-stretch: condensed; font-size: clamp(40px, 9vw, 64px); line-height: 1; letter-spacing: -.01em; margin: 40px 0 16px; }
h2 { font-weight: 800; font-stretch: condensed; font-size: 24px; margin: 36px 0 8px; }
p, li { color: #2a2a2a; }
.lede { font-size: 19px; color: var(--dim); }
.card { background: var(--night); color: #fff; border-radius: 24px; padding: 24px; margin: 28px 0; }
.card p { color: #bdbdbd; margin: 6px 0 0; }
a { color: var(--ink); }
nav { display: flex; gap: 20px; margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 15px; }
nav a { color: var(--dim); }
small { color: var(--dim); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --paper:#0a0a0a; --ink:#f2f2f2; --dim:#9a9a9a; --line:#262626; --night:#1c1c1c; }
  :root:not([data-theme="light"]) p, :root:not([data-theme="light"]) li { color:#d6d6d6; }
}