/* tandemgander.app — three static pages, no scripts, no trackers. */
:root { color-scheme: light dark; --ink: #1f2a33; --teal: #446071; --dim: #6b7a85; --paper: #fbfbfa; }
@media (prefers-color-scheme: dark) { :root { --ink: #e6e9ec; --teal: #9db6c6; --dim: #93a1ab; --paper: #1b2229; } }
html { background: var(--paper); color: var(--ink); font: 17px/1.55 "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { max-width: 40rem; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
h1 { color: var(--teal); font-size: 2.2rem; margin: 0 0 .2rem; }
h2 { color: var(--teal); font-size: 1.25rem; margin: 2.2rem 0 .4rem; }
p.sub { color: var(--dim); font-size: 1.2rem; margin: 0 0 2rem; }
a { color: var(--teal); }
nav { margin-bottom: 2.5rem; font-size: .95rem; color: var(--dim); }
nav a { margin-right: 1.2rem; }
footer { margin-top: 4rem; color: var(--dim); font-size: .9rem; }
kbd { font-family: -apple-system, "SF Pro", "Helvetica Neue", sans-serif; border: 1px solid #aaa8; border-radius: 4px; padding: 0 .35em; background: #8881; }