:root{--fg:#1d1d1f;--muted:#555;--bg:#fff;--link:#1a4f8b;--rule:#ddd}
@media (prefers-color-scheme:dark){:root{--fg:#e8e8e8;--muted:#aaa;--bg:#141414;--link:#8ab4f8;--rule:#333}}
*{box-sizing:border-box}
body{margin:0;font:1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--link)}
a:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--bg);padding:.5rem}
header,main,footer{max-width:42rem;margin:0 auto;padding:1rem 1.25rem}
header{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:baseline;border-bottom:1px solid var(--rule)}
header .name{font-weight:600;text-decoration:none;color:var(--fg);margin-right:auto}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
h1{font-size:1.6rem;line-height:1.25}h2{font-size:1.2rem;margin-top:2rem}h3{font-size:1rem;margin:1.25rem 0 0}
.intro{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}
.intro img{width:120px;height:120px;border-radius:50%}
.intro div{flex:1 1 16rem}
.meta{color:var(--muted);margin:0}
footer{border-top:1px solid var(--rule);color:var(--muted);font-size:.9rem;margin-top:2rem}
.writing{padding-left:1.2em}.writing li{margin:.4em 0}