main { width: min(100% - 48px, 760px); margin: 64px auto 88px; }
h1 { margin: 0 0 32px; font-size: clamp(36px, 6vw, 60px); line-height: 1.1; font-weight: 500; letter-spacing: -.04em; }
h2 { margin: 40px 0 16px; font-size: 26px; line-height: 1.3; font-weight: 700; letter-spacing: -.02em; }
h3 { margin: 28px 0 12px; font-size: 20px; line-height: 1.4; }
article { font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
article p { margin: 0 0 20px; }
article a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
article ul { padding-left: 24px; margin: 0 0 24px; }
article li { margin-bottom: 8px; }
article hr { border: 0; border-top: 1px solid var(--line); margin: 36px 0; }
@media (max-width: 560px) { main { width: calc(100% - 36px); margin-top: 40px; } article { font-size: 16px; } h2 { font-size: 23px; } }