@font-face { font-family: 'Inter'; font-weight: 400; font-display: swap; src: url('fonts/Inter-400-0.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-display: swap; src: url('fonts/Inter-500-1.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-display: swap; src: url('fonts/Inter-600-2.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 800; font-display: swap; src: url('fonts/PlusJakartaSans-800-7.woff2') format('woff2'); }

body { margin: 0; color: #1d3a4d; background: #f4f8fa; font: 400 16.5px/1.65 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
main { width: min(760px, 100% - 40px); margin: 48px auto 96px; padding: 48px 52px 56px; border: 1px solid #e7eef3; border-radius: 28px; background: #fff; box-shadow: 0 10px 26px rgba(10, 27, 41, .06); }
header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
header img { height: 28px; width: auto; }
h1, h2 { color: #0a1b29; font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; font-weight: 800; letter-spacing: -.03em; }
h1 { margin: 40px 0 28px; font-size: 38px; line-height: 1.1; }
h2 { margin: 34px 0 8px; font-size: 19px; letter-spacing: -.015em; }
p { margin: 0; }
p + p { margin-top: 12px; }
ul { margin: 0 0 12px; padding-left: 22px; }
li { margin-bottom: 6px; }
li::marker { color: #10b9a3; }
strong { color: #0a1b29; font-weight: 600; }
.meta { margin-top: 32px; color: #62808f; font-size: 14.5px; }
main > p:first-of-type { color: #62808f; }
a { color: #0a8d84; }
.back { font-size: 15px; font-weight: 500; text-decoration: none; }
.todo { color: #8a5a10; }
@media (max-width: 600px) { main { margin: 20px auto 48px; padding: 32px 24px 40px; } }