:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#101214;color:#e6e6e6;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 20px 56px}
nav{max-width:720px;margin:0 auto;padding:16px 20px 0;font-size:14px;color:#9aa0a6;display:flex;align-items:center;justify-content:space-between;gap:16px}
nav .links{display:flex;flex-wrap:wrap;gap:14px}
nav a{margin-right:0}
nav .logo{display:block;line-height:0;flex:none;opacity:.85}
nav .logo:hover{opacity:1}
nav .mark{display:block}
h1{font-size:28px;margin:0 0 4px}
h2{font-size:19px;margin:32px 0 8px;border-bottom:1px solid #2a2e33;padding-bottom:6px}
h3{font-size:16px;margin:20px 0 4px}
p,li{margin:0 0 10px}
ul{padding-left:20px}
a{color:#8ab4f8}
a:hover{color:#aecbfa}
.tag{color:#9aa0a6;font-size:14px;margin:0 0 20px}
.meta{color:#9aa0a6;font-size:14px}
footer{border-top:1px solid #2a2e33;margin-top:36px;padding-top:14px;color:#9aa0a6;font-size:14px}