:root { color-scheme: light dark; font-family: Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #f5f6fa; color: #17202a; line-height: 1.8; }
main { max-width: 850px; margin: 40px auto; padding: 32px; background: #fff; border-radius: 14px; box-shadow: 0 8px 28px #0001; }
h1 { color: #087d69; margin-top: 0; line-height: 1.3; }
h2 { margin-top: 30px; font-size: 1.2rem; }
.updated, .muted { color: #59636e; }
.english { direction: ltr; text-align: left; border-top: 1px solid #ddd; margin-top: 40px; padding-top: 24px; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
a { color: #087d69; }
.button { display: inline-block; padding: 9px 15px; border-radius: 8px; background: #087d69; color: #fff; text-decoration: none; font-weight: 700; }
ul { padding-inline-start: 24px; }
@media (max-width: 600px) { main { margin: 0; padding: 22px; border-radius: 0; } }
@media (prefers-color-scheme: dark) { body { background: #0e1116; color: #e9eef3; } main { background: #171c23; } .updated, .muted { color: #aeb8c2; } }