:root{--bg:#33343A;--panel:#17181B;--ink:#E7E7EA;--muted:#A9AAB0;--muted2:#c3c4ca;--accent:#E23B2E;--border:#4A4B52;--card:#3C3D43;--mono:ui-monospace, Menlo, Consolas, monospace;--sans:'Avenir Next', Futura, 'Century Gothic', system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}.wrap{max-width:820px;margin:0 auto;padding:22px 16px 56px}a{color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:8px;top:-44px;z-index:20;background:var(--ink);color:#17191c;font:12px/1 var(--sans);padding:9px 12px;border-radius:4px;text-decoration:none;transition:top .12s}.skip:focus{top:8px}.site{border-bottom:1px solid var(--border)}.site .bar{max-width:820px;margin:0 auto;padding:14px 16px;display:flex;justify-content:space-between;align-items:baseline;gap:14px 20px;flex-wrap:wrap}.site .mark{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-decoration:none}.site .mark:hover{color:var(--accent)}.site .nav{display:flex;gap:18px}.site .nav a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);text-decoration:none}.site .nav a:hover{color:var(--accent)}.site .nav a[aria-current=page]{color:var(--ink)}.intro{max-width:56ch;margin:6px 0 18px;font-size:16px}.prose{max-width:64ch;font-size:16px;line-height:1.65}.prose.lead{color:var(--muted2);margin:0 0 6px;font-size:15px}.prose>:first-child{margin-top:0}.prose h2{font-size:20px;line-height:1.25;margin:1.6em 0 .4em}.prose h3{font-size:16px;margin:1.4em 0 .3em;color:var(--muted2)}.prose p{margin:0 0 1em}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:2px}.prose a:hover{color:var(--accent)}.prose blockquote{margin:1.2em 0;padding-left:14px;border-left:2px solid var(--border);color:var(--muted2)}.prose code{font-family:var(--mono);font-size:.9em;background:var(--panel);padding:1px 5px;border-radius:3px}.prose pre{background:var(--panel);padding:14px;border-radius:6px;overflow:auto}.prose pre code{background:0 0;padding:0}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.3em}.prose li{margin:.25em 0}.prose img{max-width:100%;height:auto}.single-head h1{font-size:26px;line-height:1.15;margin:0 0 6px}.meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 18px}.meta .tags{color:var(--muted)}.series-of{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 18px}.series-of a{color:var(--muted2);text-decoration:none;border-bottom:1px solid var(--border)}.series-of a:hover{color:var(--accent);border-color:var(--accent)}.chip{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--border);border-radius:3px;color:var(--muted2)}.chip--prototype{color:var(--accent);border-color:var(--accent)}.chip--active{color:var(--ink);border-color:var(--muted)}.note-list{list-style:none;margin:6px 0 0;padding:0}.note-item{padding:16px 0;border-top:1px solid var(--border)}.note-item>a{font-size:18px;color:var(--ink);text-decoration:none}.note-item>a:hover{color:var(--accent)}.note-item .summary{margin:6px 0 0;max-width:64ch;font-size:14px;color:var(--muted2)}.empty{color:var(--muted);font-size:14px;margin-top:16px}.cards{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{border:1px solid var(--border);border-radius:6px;background:var(--card);padding:16px}.card a{color:var(--ink);text-decoration:none}.card h2{font-size:17px;margin:0}.card a:hover h2{color:var(--accent)}.card .ext{color:var(--accent)}.card .chip{display:inline-block;margin-top:10px}.card .summary{margin:8px 0 0;font-size:14px;color:var(--muted2)}.recent{margin-top:30px;padding-top:16px;border-top:1px solid var(--border)}.recent h2{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.recent ul{list-style:none;margin:0;padding:0}.recent li{padding:7px 0;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline}.recent a{color:var(--ink);text-decoration:none;font-size:15px}.recent a:hover{color:var(--accent)}.recent .where{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.backlink{margin-top:30px;font-family:var(--mono);font-size:12px}.backlink a{color:var(--muted2);text-decoration:none}.backlink a:hover{color:var(--accent)}.tryit{margin-top:18px}.tryit a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent)}.site-footer .foot{max-width:820px;margin:0 auto;padding:16px 16px 44px;border-top:1px solid var(--border);font-size:13px;color:var(--muted2)}.site-footer .row{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}.site-footer a{text-decoration:none;border-bottom:1px solid var(--border);color:var(--muted2)}.site-footer a:hover{border-color:var(--accent);color:var(--accent)}.site-footer .sis{color:var(--muted)}