:root{--paper:#f7f7f5;--ink:#111;--ink2:rgba(0,0,0,.62);--hair:rgba(0,0,0,.14)}
@media (prefers-color-scheme:dark){:root{--paper:#0c0c0c;--ink:#f2f2f2;--ink2:rgba(255,255,255,.62);--hair:rgba(255,255,255,.16)}}
*{box-sizing:border-box}
html,body{background:var(--paper)}
body{margin:0;color:var(--ink2);font:17px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding:64px 20px 96px}
main{max-width:620px;margin:0 auto}
header{display:flex;align-items:center;gap:16px;margin-bottom:48px}
header img{width:56px;height:56px;border-radius:13px}
header a{border:0}
.name{color:var(--ink);font-size:20px;letter-spacing:-.3px}
nav{font-size:15px;margin-top:2px}
nav a+a{margin-left:14px}
h1{color:var(--ink);font-size:34px;font-weight:400;letter-spacing:-.8px;line-height:1.15;margin:0 0 12px}
h2{color:var(--ink);font-size:19px;font-weight:400;letter-spacing:-.2px;margin:40px 0 8px}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair)}
a:hover{border-bottom-color:var(--ink)}
.meta{font-size:14px}
footer{margin-top:64px;padding-top:18px;border-top:1px solid var(--hair);font-size:14px}