:root { color-scheme: light; font-family: system-ui, sans-serif; color: #183c2e; background: #f5f9f6; line-height: 1.65; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { max-width: 850px; margin: auto; padding: 24px; }
header { display: flex; align-items: center; gap: 16px; border-bottom: 1px solid #cfddd2; }
header img { width: 60px; height: 60px; border-radius: 8px; }
header a { font-weight: 750; font-size: 24px; text-decoration: none; }
h1 { font-size: 32px; line-height: 1.2; margin: 24px 0; }
h2 { font-size: 22px; line-height: 1.35; margin-top: 32px; }
a { color: #245f43; overflow-wrap: anywhere; }
nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
footer { border-top: 1px solid #cfddd2; margin-top: 32px; color: #526759; font-size: 14px; }
.date { color: #526759; }
li { margin-bottom: 8px; }
@media (max-width: 400px) { header, main, footer { padding: 20px; } h1 { font-size: 28px; } }