:root { color-scheme: light dark; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f4f5f8; color: #17211f; }
main { box-sizing: border-box; max-width: 760px; min-height: 100vh; margin: auto; padding: 64px 28px; background: #fff; }
h1 { margin: 0 0 8px; font-size: clamp(2.2rem, 8vw, 4rem); line-height: 1.05; letter-spacing: -.04em; }
h2 { margin: 36px 0 8px; font-size: 1.15rem; }
p { max-width: 68ch; }
a { color: #0a7467; font-weight: 600; }
nav { display: grid; gap: 12px; margin-top: 36px; }
nav a { padding: 16px 18px; border: 1px solid #cddbd8; border-radius: 14px; text-decoration: none; }
.eyebrow { margin: 0 0 16px; color: #0a7467; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.meta { color: #65706e; }
@media (prefers-color-scheme: dark) { body { background: #0f1413; color: #edf3f1; } main { background: #151b1a; } nav a { border-color: #31433f; } a, .eyebrow { color: #64d9c6; } .meta { color: #a8b5b2; } }