:root{--g:#2E7D74;--bg:#f6faf9;--tx:#1b2a28;--mut:#5b6b68;--card:#fff;--bd:#d9e6e3}
@media(prefers-color-scheme:dark){:root{--bg:#101a19;--tx:#e6f0ee;--mut:#9db3af;--card:#172524;--bd:#27403d;--g:#4fb3a6}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.9;font-size:17px}
header{background:#2E7D74;color:#fff;padding:18px 16px;text-align:center}
header a{color:#fff;text-decoration:none;font-size:26px;font-weight:700}
main{max-width:760px;margin:0 auto;padding:24px 16px 48px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:20px;margin:16px 0}
h1{color:var(--g);font-size:28px;margin:8px 0 12px}
h2{color:var(--g);font-size:21px;margin:26px 0 6px}
a{color:var(--g)}
ul,ol{padding-inline-start:22px}
.en{direction:ltr;text-align:left}
nav.links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px}
footer{text-align:center;color:var(--mut);font-size:14px;padding:20px 16px;border-top:1px solid var(--bd)}
footer a{margin:0 8px}
.mut{color:var(--mut);font-size:15px}