* { box-sizing: border-box; } html { color-scheme: light; } body { margin: 0; background: #f2f7fd; color: #172a42; font: 17px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; } main { max-width: 860px; margin: 48px auto; padding: 48px; border: 1px solid #e1eaf6; background: #fff; border-radius: 24px; } nav, footer { color: #62758c; font-size: 14px; } nav { display: flex; flex-wrap: wrap; gap: 20px; } a { color: #086ee8; text-underline-offset: 4px; } h1 { font-size: 40px; line-height: 1.2; letter-spacing: -.03em; margin: 30px 0 20px; } h2 { font-size: 23px; margin-top: 36px; } .intro { font-size: 21px; color: #49627e; } p, li { overflow-wrap: anywhere; } ul { padding-left: 24px; } footer { border-top: 1px solid #e1eaf6; margin-top: 40px; padding-top: 22px; } @media (max-width: 640px) { main { margin: 0; padding: 28px 24px; border: 0; border-radius: 0; } h1 { font-size: 32px; } }