:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;line-height:1.65}
*{box-sizing:border-box}
body{margin:0;background:#f5f6f3;color:#26332e}
main{max-width:820px;margin:0 auto;padding:44px 24px 80px}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #cdd5ce;padding-bottom:18px}
nav{display:flex;gap:16px;flex-wrap:wrap}
a{color:#256b67}
h1{font-size:2rem;line-height:1.2;margin:42px 0 12px}
h2{font-size:1.22rem;margin:30px 0 10px}
p,li{max-width:74ch}
.intro{color:#53655c}
.language{border-top:1px solid #cdd5ce;margin-top:52px;padding-top:8px}
footer{border-top:1px solid #cdd5ce;margin-top:50px;padding-top:20px;color:#53655c;font-size:.9rem}
@media(prefers-color-scheme:dark){body{background:#16211c;color:#e2eae3}header,.language,footer{border-color:#425248}a{color:#8bd4c5}.intro,footer{color:#aebeb1}}