@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #f7f6f2;--ink: #1b1a17;--muted: #8a877e;--faint: #b6b3a9;--line: #e6e3da;--accent: #3a9d5d;--col: 620px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.wrap{max-width:var(--col);margin:0 auto;padding:0 40px}.nav{padding-top:56px;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.brand{font-size:16px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.navlinks{display:flex;gap:22px}.navlinks a{font-size:13px;color:var(--muted);text-decoration:none;position:relative;padding-bottom:3px;transition:color .15s ease;cursor:pointer}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:var(--ink);transition:right .22s ease}.navlinks a:hover{color:var(--ink)}.navlinks a:hover:after{right:0}.navlinks a[aria-current=page]{color:var(--ink)}.navlinks a[aria-current=page]:after{right:0;background:var(--accent)}.kicker{font-size:13px;color:var(--faint);letter-spacing:.01em}.kicker .sep{margin:0 8px;color:var(--line)}.kicker .open{color:var(--muted)}.intro{font-size:21px;line-height:1.55;letter-spacing:-.01em;margin:28px 0 0;max-width:32ch;text-wrap:pretty}.intro b{font-weight:700}.now{font-size:14px;line-height:1.7;color:var(--muted);margin:26px 0 0;max-width:46ch}.now a{color:var(--ink);text-underline-offset:3px}.pagehead{margin:16px 0 0}.pagetitle{font-size:13px;color:var(--faint);letter-spacing:.04em;margin:0}.pagedesc{font-size:14px;line-height:1.7;color:var(--muted);margin:14px 0 0;max-width:48ch}.list{margin-top:36px}.row{display:flex;align-items:baseline;gap:14px;padding:16px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:padding-left .18s ease}.list .row:last-child{border-bottom:1px solid var(--line)}.row:hover{padding-left:10px}.row-name{font-size:15px;font-weight:600;flex:0 0 auto}.row-blurb{font-size:13px;color:var(--muted);flex:1 1 auto;min-width:0}.row-arrow{flex:0 0 auto;opacity:0;color:var(--faint);font-size:13px;transition:opacity .18s ease,transform .18s ease}.row:hover .row-arrow{opacity:1;transform:translate(3px)}.row-year{flex:0 0 auto;font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}.row.is-text .row-name{flex:1 1 auto;font-weight:500}.back{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);text-decoration:none;cursor:pointer;transition:gap .18s ease,color .15s ease}.back:hover{color:var(--ink);gap:11px}.article{margin-top:52px}.article-meta{font-size:12.5px;color:var(--faint);letter-spacing:.03em;margin:0 0 18px;font-variant-numeric:tabular-nums}.article-meta .sep{margin:0 8px;color:var(--line)}.article-title{font-size:27px;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:0;max-width:26ch;text-wrap:balance}.prose{margin-top:40px}.prose p{font-size:15px;line-height:1.85;margin:0 0 24px;color:#2a2823}.prose>p:first-child{font-size:17px;line-height:1.7;color:var(--ink);margin-top:0}.prose h2{font-size:13px;letter-spacing:.04em;color:var(--faint);font-weight:600;margin:44px 0 18px}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px;transition:text-decoration-color .15s ease}.prose a:hover{text-decoration-color:var(--accent)}.prose blockquote{margin:32px 0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);font-size:18px;line-height:1.6;letter-spacing:-.01em;color:var(--ink)}.prose code{font-size:13px;background:#ece9e1;padding:1px 6px;border-radius:4px}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.foot{margin-top:76px;padding:26px 0 64px;border-top:1px solid var(--line);display:flex;gap:22px;align-items:center}.foot a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .15s ease}.foot a:hover{color:var(--ink)}.foot-sp{flex:1}.foot-meta{font-size:12px;color:var(--faint)}.body{margin-top:60px}@media(max-width:560px){.wrap{padding:0 24px}.nav{padding-top:36px}.intro{font-size:19px}.body{margin-top:44px}}
