@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&family=Nunito:wght@400;600;700&display=swap');

:root { color: #5a6785; font-family: Nunito, -apple-system, sans-serif; line-height: 1.65; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
header { max-width: 720px; margin: 0 auto; padding: 22px 24px; }
.logo { color: #0c1b3f; font: 600 20px 'Roboto Slab', serif; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.logo img { width: 38px; height: 38px; }
main { max-width: 720px; margin: 0 auto; padding: 72px 24px 96px; }
h1, h2 { color: #0c1b3f; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 1.2; }
h1 { font-size: clamp(34px, 7vw, 48px); margin: 0; }
h2 { font-size: 22px; margin: 0 0 12px; }
.updated { margin: 12px 0 56px; font-size: 14px; }
section { border-top: 1px solid #f3f5fb; padding: 32px 0; }
p { margin: 0 0 12px; }
p:last-child { margin-bottom: 0; }
a { color: #1652f0; }
footer { max-width: 720px; margin: 0 auto; padding: 24px; border-top: 1px solid #f3f5fb; font-size: 14px; }
@media (max-width: 600px) { main { padding-top: 48px; } }