:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f6f5f2; color: #1c2424; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 2.5rem, 48rem); margin: 0 auto; padding: 4.5rem 0 5rem; }
header { border-bottom: 1px solid #d6dbd8; padding-bottom: 2.2rem; margin-bottom: 2rem; }
.brand { color: #435c59; font-size: .83rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 1.6rem; }
h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; font-size: clamp(2.25rem, 6vw, 3.5rem); letter-spacing: -.035em; line-height: 1.08; margin: 0 0 1.35rem; }
h2 { font-size: 1.18rem; line-height: 1.3; margin: 0 0 .8rem; }
p { line-height: 1.72; margin: 0 0 1rem; }
.lead { font-size: 1.08rem; color: #364442; }
.date { color: #65716d; font-size: .9rem; margin: 1.5rem 0 0; }
section { border-bottom: 1px solid #e0e3df; padding: 1.6rem 0 .8rem; }
section:last-child { border-bottom: 0; }
a { color: #225d62; text-decoration-thickness: 1px; text-underline-offset: .18em; overflow-wrap: anywhere; }
a:hover { color: #173f42; }
a:focus-visible { outline: 2px solid #225d62; outline-offset: 3px; }
@media (max-width: 38rem) { main { width: min(100% - 2rem, 48rem); padding: 2.5rem 0 3rem; } section { padding-top: 1.35rem; } }