:root{
  --bg:#fbfaf7; --fg:#1d1d1b; --muted:#6b6a64; --line:#e3e1da;
  --link:#0b5fa5; --link-hover:#083f6e; --nav-bg:#f1efe8;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#15161a; --fg:#e8e6df; --muted:#9a9891; --line:#2c2e35;
    --link:#7fb6f0; --link-hover:#b7d6fa; --nav-bg:#1c1e24;
  }
}
*{box-sizing:border-box}
html{font-size:17px}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.55;
}
a{color:var(--link);text-decoration:none}
a:hover,a:focus{color:var(--link-hover);text-decoration:underline}
nav.up{
  background:var(--nav-bg); border-bottom:1px solid var(--line);
  font-size:.9rem;
}
nav.up ul{
  list-style:none; margin:0 auto; padding:.55rem 1rem; max-width:44rem;
  display:flex; flex-wrap:wrap; gap:.4rem 1.6rem;
}
nav.up li.up::before{content:"↑ "; color:var(--muted)}
main{max-width:44rem; margin:0 auto; padding:2.5rem 1rem 3rem}
h1{font-size:2.1rem; margin:0 0 .25rem; letter-spacing:-.01em}
.role{color:var(--muted); margin:0 0 1.6rem}
p{margin:0 0 1rem}
h2{font-size:1rem; text-transform:uppercase; letter-spacing:.08em;
   color:var(--muted); margin:2.2rem 0 .6rem}
ul.links{list-style:none; padding:0; margin:0}
ul.links li{padding:.45rem 0; border-top:1px solid var(--line)}
ul.links li:last-child{border-bottom:1px solid var(--line)}
ul.links a{font-weight:600}
ul.links span{color:var(--muted)}
ul.links span::before{content:" — "}
footer{max-width:44rem; margin:0 auto; padding:0 1rem 2rem;
       color:var(--muted); font-size:.85rem; border-top:1px solid var(--line); padding-top:1rem}

nav.up li.here{margin-left:auto}
nav.up li.here::before{content:"→ "; color:var(--muted)}
.intro{margin-bottom:1.5rem}
article{padding:1rem 0; border-top:1px solid var(--line)}
article:last-of-type{border-bottom:1px solid var(--line)}
article h3{margin:0 0 .3rem; font-size:1.1rem}
article h3 a{font-weight:600}
article .meta{color:var(--muted); font-size:.85rem; margin:0 0 .4rem}
article .meta a{color:var(--muted); text-decoration:underline}
article p{margin:0}
.site-tag{display:inline-block; font-size:.75rem; font-weight:600; letter-spacing:.04em;
  padding:.05rem .45rem; border:1px solid var(--link); border-radius:.6rem; color:var(--link); margin-left:.4rem; vertical-align:middle}