:root{color-scheme:light dark;--ink:#24242a;--bg:#fbfbf9;--mut:#8a8a92;--acc:#7a5c3a;--line:#e6e6e0}
@media(prefers-color-scheme:dark){:root{--ink:#d7d7d2;--bg:#16161a;--mut:#7f7f88;--acc:#c9a877;--line:#2a2a30}}
*{box-sizing:border-box}
body{font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;max-width:40rem;margin:0 auto;padding:3rem 1.25rem 5rem;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
a:hover{border-bottom-color:var(--acc)}
header{margin-bottom:2.6rem}
.site{font-weight:600;font-size:1.05rem;border:0;display:inline-flex;align-items:center;gap:.5rem}
.mark{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;background:#0a0a0a;color:#fff;border-radius:2px;font-size:.6rem;font-weight:700;letter-spacing:.02em}
@media(prefers-color-scheme:dark){.mark{box-shadow:0 0 0 1px #34342f}}
nav{margin-top:.5rem;font-size:.9rem}
nav a{margin-right:1rem;color:var(--mut);border:0}
nav a:hover{color:var(--ink)}
h1{font-size:1.45rem;line-height:1.3;margin:0 0 .4rem}
h2{font-size:1rem;letter-spacing:.02em;margin:2.4rem 0 .6rem;color:var(--mut);font-weight:600}
.intro{font-size:1.05rem}
.now{font-size:.9rem;font-style:italic;border-left:2px solid var(--line);padding-left:.75rem}
.muted{color:var(--mut)}
.post-list{list-style:none;padding:0;margin:0}
.post-list li{margin-bottom:1.2rem}
.post-list .date{display:block;font-size:.78rem;color:var(--mut);font-variant-numeric:tabular-nums}
.post-list a{border:0}.post-list a:hover{border-bottom:1px solid var(--acc)}
.more{margin-top:1.6rem;font-size:.9rem}
article p{margin:0 0 1.1rem}
.reading{list-style:none;padding:0}.reading li{margin-bottom:.6rem;color:var(--ink)}
.backlink{margin-top:2.2rem}
hr{border:0;border-top:1px solid var(--line);margin:3.5rem 0 1.4rem}
footer{font-size:.82rem;color:var(--mut)}
footer a{border-bottom-color:var(--line)}