:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; color: #172a30; background: #f4f0e8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 15% 10%, #dce7dd 0, transparent 38%), #f4f0e8; }
main { width: min(760px, calc(100% - 48px)); padding: 74px 0; }
.eyebrow, .date { font: 700 .72rem/1.2 Arial, sans-serif; letter-spacing: .16em; color: #6b7e72; }
h1 { max-width: 12ch; margin: .4rem 0 1rem; font-size: clamp(2.8rem, 9vw, 5.7rem); line-height: .96; font-weight: 500; }
h2 { margin: 4rem 0 1rem; font: 700 .75rem/1.2 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; }
h3 { margin: .25rem 0; font-size: 1.5rem; font-weight: 500; }
.lede, article p:not(.date) { max-width: 57ch; font-size: 1.16rem; line-height: 1.6; }
nav { display: flex; gap: 1.2rem; margin-top: 2rem; font: 700 .8rem/1.2 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
a { color: #2f665b; text-decoration-thickness: 1px; text-underline-offset: .2em; }
article { padding: 1.2rem 0 1.4rem; border-top: 1px solid #bbc9bd; }
article:last-child { border-bottom: 1px solid #bbc9bd; }