* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #303030; font-family: Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.8; letter-spacing: 0; }
nav, main, footer { width: min(100% - 40px, 740px); margin-inline: auto; }
nav, footer { display: flex; justify-content: space-between; gap: 20px; font-family: Arial, sans-serif; font-size: 14px; }
nav { padding-block: 30px; border-bottom: 1px solid #e2e6e4; }
a { color: #4455bb; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:hover { color: #205f54; }
a:focus-visible { outline: 2px solid #205f54; outline-offset: 4px; }
header { padding: 48px 0 30px; border-bottom: 2px solid #287467; margin-bottom: 32px; }
.eyebrow { color: #205f54; font: 600 14px Arial, sans-serif; margin: 0 0 16px; }
h1 { font-size: 42px; line-height: 1.18; font-weight: 400; margin: 0 0 24px; text-wrap: balance; }
.byline { font: 14px/1.6 Arial, sans-serif; color: #626966; margin: 0 0 14px; }
.byline span { margin: 0 8px; }
.paper-link { font: 14px/1.6 Arial, sans-serif; }
p { margin: 0 0 24px; }
h2 { font-size: 27px; line-height: 1.3; font-weight: 400; margin: 44px 0 20px; color: #205f54; }
footer { border-top: 1px solid #e2e6e4; padding: 28px 0 40px; margin-top: 48px; color: #626966; }
@media (max-width: 575px) { body { font-size: 18px; } h1 { font-size: 32px; } h2 { font-size: 24px; } header { padding-top: 32px; } }