body { max-width: 880px; margin: 0 auto; padding: 32px 28px; }
header, footer { display: flex; align-items: center; gap: 24px; padding: 20px 0; }
header { justify-content: space-between; border-bottom: 1px solid var(--line, #dfe5df); }
.legal-brand { font-size: 36px; font-weight: 650; letter-spacing: -2px; text-decoration: none; }
a { color: var(--green, #246557); text-underline-offset: 4px; }
main { padding: 64px 0; max-width: 720px; }
h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.15; letter-spacing: -1.5px; margin: 14px 0 32px; }
h2 { font-size: 21px; margin: 36px 0 12px; }
p { line-height: 1.75; margin-bottom: 20px; }
.eyebrow { font-size: 11px; letter-spacing: 1.4px; color: #246557; }
footer { border-top: 1px solid var(--line, #dfe5df); font-size: 13px; }
footer span { margin-left: auto; }
a:focus-visible { outline: 2px solid #246557; outline-offset: 4px; }
@media(max-width: 600px) { body { padding: 20px; } main { padding: 40px 0; } }