:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:#1b1f2a}
main,header,footer{max-width:46rem;margin:0 auto;padding:1rem 1.25rem}
header{padding-top:2rem;border-bottom:1px solid #d8dce6}
header h1{margin:.2rem 0;font-size:1.8rem}
header p{margin:.2rem 0;color:#4a5265}
h2{margin-top:2rem;font-size:1.25rem}
a{color:#1a56c4}
nav a{margin-right:1rem}
ul{padding-left:1.25rem}
li{margin:.25rem 0}
footer{color:#4a5265;font-size:.9rem;border-top:1px solid #d8dce6;margin-top:2rem}
.en{background:#f1f4fa;border-left:4px solid #1a56c4;padding:.5rem 1rem;margin-top:2.5rem}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #d8dce6;padding:.4rem .6rem;text-align:left;vertical-align:top}
@media (prefers-color-scheme:dark){
body{background:#12151c;color:#e6e9f0}
header,footer,th,td{border-color:#2d3446}
header p,footer{color:#aab2c5}
a{color:#8ab4ff}
.en{background:#1a1f2b;border-left-color:#8ab4ff}
}
@media (max-width:480px){body{font-size:16px}table{font-size:.85rem}}