html,body{margin:0;background:#f6f3eb;-webkit-font-smoothing:antialiased}
body{color:#1f1d18;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{opacity:.6}
p{margin:0}
pre{margin:0;overflow-x:auto;overflow-y:hidden;font-family:"IBM Plex Mono",monospace}
.page{max-width:560px;margin:0 auto;padding:72px 24px 96px}
.muted{color:#8a8375}

header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:44px}
.name{font-weight:600;margin-bottom:2px}
nav{display:flex;gap:16px;font-size:15px}
nav a{text-decoration:none;opacity:.4}
nav a[aria-current]{opacity:1}
.portrait{position:relative;width:150px;height:150px;cursor:pointer;touch-action:none}
.portrait img{width:150px;height:150px;display:block}
.portrait canvas{position:absolute;left:-100px;top:-100px;width:350px;height:350px;display:block;pointer-events:none}

.bio{display:flex;flex-direction:column;gap:16px;text-wrap:pretty}
.now{margin-top:36px;padding:14px 0;border-top:1px solid #e5dfd2;border-bottom:1px solid #e5dfd2;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;font-size:14px}
.now dt{color:#8a8375}
.now dd{margin:0}
.fig{margin-top:44px}
.caption{font-size:12px;color:#8a8375;margin-bottom:12px}
.tree{font-size:min(12px,calc((100vw - 48px) / 34.5));line-height:1.55}
footer{margin-top:88px}
.skyline{font-size:11px;line-height:1.25;color:#8a8375}

.intro{font-size:14px;color:#8a8375;margin-bottom:12px}
.post{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:12px 0;border-bottom:1px solid #e5dfd2;text-decoration:none}
.post span:first-child{display:flex;flex-direction:column}
.post small{font-size:14px;color:#8a8375}
.post time{color:#8a8375;font-size:13px;font-variant-numeric:tabular-nums}

.books{display:flex;flex-direction:column;gap:24px;margin-top:20px}
.book{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.book .rating{font-family:"IBM Plex Mono",monospace;font-size:13px;color:#8a8375;padding-top:3px}
.book b{font-weight:600}
.book p{color:#5f5a4f;font-size:15px;text-wrap:pretty}