:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 17px; line-height: 1.65; }
* { box-sizing: border-box; }
body { margin: 0; color: #20252e; background: #faf9f6; }
header, main, footer { max-width: 740px; padding: 0 24px; margin: auto; }
header { padding-top: 36px; padding-bottom: 36px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.brand { color: inherit; font-weight: 720; text-decoration: none; letter-spacing: -.02em; }
nav { display: flex; flex-wrap: wrap; gap: 16px; font-size: .85rem; }
a { color: #1556ab; }
nav a { color: inherit; text-decoration: none; }
nav a:hover, a:hover { text-decoration: underline; }
main { padding-top: 42px; padding-bottom: 72px; }
.eyebrow { color: #245eab; text-transform: uppercase; letter-spacing: .1em; font-size: .76rem; font-weight: 700; }
h1 { font-size: clamp(2.15rem, 7vw, 3.6rem); line-height: 1.12; letter-spacing: -.045em; margin: 12px 0 22px; }
h2 { font-size: 1.18rem; margin: 38px 0 10px; letter-spacing: -.015em; }
p, li { max-width: 66ch; }
.lead { font-size: 1.14rem; color: #49515d; }
.date { font-size: .82rem; color: #626c77; }
.links { list-style: none; padding: 0; margin-top: 38px; border-top: 1px solid #dfe2e6; }
.links li { border-bottom: 1px solid #dfe2e6; padding: 18px 0; }
.links a { font-weight: 650; }
footer { border-top: 1px solid #dfe2e6; padding-top: 26px; padding-bottom: 40px; color: #626c77; font-size: .8rem; }
@media (prefers-color-scheme: dark) { body { background: #12161d; color: #f0f1f4; } .lead { color: #b4bac6; } .date, footer { color: #a5acb8; } a { color: #84b5ff; } .eyebrow { color: #90bcff; } .links, .links li, footer { border-color: #353a43; } }