body { margin: 0; background: #F4F6FA; color: #0F1B33; font: 400 17px/1.7 'Archivo', system-ui, sans-serif; }
a { color: #2563EB; }
a:focus-visible { outline: 3px solid #2563EB; outline-offset: 3px; border-radius: 4px; }
.top { max-width: 760px; margin: 0 auto; padding: 22px 24px; }
.wordmark { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; color: #0F1B33; font-weight: 800; font-stretch: 70%; font-size: 26px; letter-spacing: .06em; line-height: 1; }
.wordmark::after { content: ""; width: 5px; height: .78em; background: #2563EB; }
main { max-width: 760px; margin: 0 auto; padding: 24px 24px 80px; }
h1 { font-weight: 850; font-stretch: 68%; font-size: clamp(44px, 8vw, 68px); line-height: .95; margin: 0 0 12px; }
.updated { color: #56617A; margin: 0 0 40px; }
h2 { font-size: 22px; font-weight: 700; margin: 40px 0 10px; }
p, li { color: #2B364D; }
ul { padding-left: 22px; }
li { margin-bottom: 6px; }