:root{color-scheme:light dark}
body{font:16px/1.7 "Helvetica Neue",Arial,sans-serif;margin:0;padding:3rem 1.25rem;background:#eef3f6;color:#16242c}
main{max-width:35rem;margin:0 auto}
h1{font-size:1.55rem;margin:0 0 1rem;font-weight:600}
h2{font-size:.95rem;margin:2rem 0 .5rem;color:#4a6472;font-weight:600}
ul{padding-left:1.1rem}
a{color:#166b8f}
.foot{margin-top:2.5rem;padding-top:.8rem;border-top:1px solid #cfdde5;color:#5d7481;font-size:.85rem}
@media(prefers-color-scheme:dark){body{background:#0f1a20;color:#dceaf1}a{color:#6cc2e8}.foot{color:#8ba5b3;border-color:#22343d}h2{color:#8ba5b3}}