* { box-sizing: border-box; }
body { margin: 0; background: #fafaf8; color: #242424; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.6; }
main { width: calc(100% - 40px); max-width: 600px; margin: 48px auto; }
h1 { margin: 0 0 28px; font-size: 25px; line-height: 1.3; }
section { border-top: 1px solid #d9d9d5; padding: 22px 0; }
h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.4; }
p { margin: 0; }
.date { margin-top: 2px; color: #575757; font-size: 14px; }
@media (max-width: 400px) { main { margin: 30px auto; } h1 { font-size: 23px; } }
@media print { body { background: white; } main { width: 100%; max-width: none; margin: 0; } }

.logo { display: inline-block; margin-bottom: 20px; line-height: 0; }
.logo img { display: block; width: 64px; height: auto; }
.logo:focus-visible { outline: 3px solid #246b40; outline-offset: 5px; }