.page-main { padding: 72px 0 80px; }
.reading-wrap { max-width: 800px; }
.page-main h1 { font-size: clamp(2.75rem, 6vw, 4.25rem); }
.page-main h2 { font-size: 1.5rem; line-height: 1.25; margin: 44px 0 12px; letter-spacing: -.03em; }
.page-main h3 { margin: 26px 0 10px; }
.page-main p, .page-main ul { margin: 0 0 16px; }
.page-main .eyebrow { margin-bottom: 18px; }
.page-main .lede { font-size: 1.125rem; color: var(--muted); line-height: 1.75; margin-top: 24px; }
.page-main .updated { color: var(--muted); font-size: .75rem; margin-top: 16px; }
.page-main ul { padding-left: 22px; }
.page-main li { margin-bottom: 10px; }
.page-main p a { text-underline-offset: 4px; }
.card { padding: 26px 28px; background: #fff; border: 1px solid var(--line); border-radius: 20px; margin: 28px 0; }
.card > :last-child { margin-bottom: 0; }
.summary { background: var(--teal-wash); border-color: #DCE8DF; }
.summary ul { margin: 0; }
.mail { font-weight: 650; text-decoration-color: var(--teal); }
.page-main details { border-bottom: 1px solid var(--line); }
.page-main summary { cursor: pointer; padding: 22px 0; font-weight: 650; font-size: .9375rem; }
.page-main details p { padding: 0 20px 8px 0; color: var(--muted); font-size: .9375rem; }
.page-main .small-note { font-size: .8125rem; color: var(--muted); }
.page-main + .site-foot { border-top: 1px solid var(--line); }
.notfound { text-align: center; padding: 40px 0 64px; }
.notfound .icon { width: 72px; height: 72px; border-radius: 18px; margin: 0 auto 30px; }
.notfound .lede { margin: 22px auto 30px; max-width: 28em; }
.notfound .row { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
@media (max-width: 599px) { .page-main { padding: 44px 0 56px; } .page-main h1 { font-size: clamp(2.4rem, 10vw, 3rem); } .page-main .lede { font-size: 1rem; } .card { padding: 22px; } }
