body { max-width: 760px; margin: 0 auto; padding: 28px 24px 64px; font: 1rem/1.75 var(--body); color: var(--ink); background: var(--paper); overflow-wrap: anywhere; } header { padding-bottom: 24px; border-bottom: 1px solid var(--card-border); margin-bottom: 40px; } header a { color: var(--ink); font: 600 2rem/1.1 var(--brand); text-decoration: none; letter-spacing: -.04em; } h1 { font-size: clamp(1.875rem, 6vw, 2.625rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.15; margin: 0 0 14px; } h2 { font-size: 1.375rem; letter-spacing: -.025em; line-height: 1.3; font-weight: 650; margin: 36px 0 12px; } p { margin: 0 0 18px; } .updated { color: var(--muted); font-size: 0.8125rem; margin-bottom: 32px; } li { margin-bottom: 8px; } ul { padding-left: 22px; } footer { border-top: 1px solid var(--card-border); margin-top: 40px; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 0.875rem; } footer a { padding: 10px 0; min-height: 44px; } .callout { border-left: 3px solid var(--plum); padding: 16px 20px; background: var(--mist); border-radius: 0 12px 12px 0; } @media (max-width:480px) { body { padding: 24px 20px 48px; font-size: 0.9375rem; } h2 { font-size: 1.3125rem; } }