*,*::before,*::after{box-sizing:border-box}button{font-family:inherit;cursor:pointer}:root{--font-display:'Newsreader', Georgia, serif;--font-read:'Source Serif 4', Georgia, serif;--font-ui:'Inter', system-ui, sans-serif;--ease-soft:cubic-bezier(0.32, 0.72, 0.32, 1);--t-fast:120ms;--t-base:200ms}:root,[data-theme=paper]{--bg:#f4f4f1;--surface:#fbfbf8;--surface-2:#ebebe5;--rule:#dcdcd5;--rule-soft:#e5e5de;--ink:#2a2a26;--ink-2:#555550;--ink-3:#8a8a82;--ink-4:#b8b8b0;--accent:#6a7a5c;--accent-deep:#4a5a3e;--accent-soft:#c8d2bc;--ink-blue:#4a5d75;--code-bg:#ebebe5;--pre-bg:#ebebe5;color-scheme:light}[data-theme=ink]{--bg:#181614;--surface:#201d1a;--surface-2:#2a2520;--rule:#363028;--rule-soft:#2d2820;--ink:#ede3d2;--ink-2:#c5b89e;--ink-3:#90816c;--ink-4:#655848;--accent:#c4855a;--accent-deep:#e0a070;--accent-soft:#5c3820;--ink-blue:#8a9db4;--code-bg:#2a2520;--pre-bg:#2a2520;color-scheme:dark}html{background:var(--bg);scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft);color:var(--ink)}@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.app{max-width:880px;margin:0 auto;min-height:100vh;background:var(--surface);border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--rule)}.wordmark{font-family:var(--font-display);font-size:20px;font-weight:600;font-style:italic;color:var(--ink);letter-spacing:-.025em;line-height:1;font-variation-settings:"opsz" 22;text-decoration:none}.wordmark:hover{color:var(--ink)}.wdot{color:var(--accent);font-style:normal}.site-nav{display:flex;align-items:center;gap:1px}.nav-link{font-size:13px;color:var(--ink-3);text-decoration:none;padding:5px 9px;border-radius:6px;position:relative;transition:color var(--t-fast)}.nav-link:hover{color:var(--ink)}.nav-link.is-active{color:var(--ink)}.nav-link.is-active::after{content:'';position:absolute;bottom:1px;left:9px;right:9px;height:1px;background:var(--accent)}.theme-btn{background:0 0;border:none;color:var(--ink-3);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-left:8px;padding:0;transition:background var(--t-fast),color var(--t-fast)}.theme-btn:hover{background:var(--surface-2);color:var(--ink)}.theme-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bio-band{padding:28px 32px 26px;border-bottom:1px solid var(--rule)}.bio-tagline{font-family:var(--font-display);font-style:italic;font-size:17px;font-weight:400;color:var(--ink-2);line-height:1.55;margin:0;font-variation-settings:"opsz" 18;max-width:500px}.post-list{list-style:none;margin:0;padding:0}.post-item{padding:28px 32px 26px;border-bottom:1px solid var(--rule);animation:fadeUp .2s var(--ease-soft)both}.post-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:9px}.post-date{font-size:11px;color:var(--ink-3);letter-spacing:.025em}.meta-sep{color:var(--rule);user-select:none;font-size:11px}.tag-eyebrow{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);text-decoration:none;font-family:var(--font-ui);transition:color var(--t-fast)}.tag-eyebrow:hover{color:var(--accent-deep)}.post-title{font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;text-decoration:none;display:block;font-variation-settings:"opsz" 26;text-wrap:balance;transition:color var(--t-fast)}.post-title:hover{color:var(--accent-deep)}.post-excerpt{font-size:14px;line-height:1.65;color:var(--ink-2);margin:0 0 14px;max-width:660px;text-wrap:pretty}.read-more{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-3);text-decoration:none;font-family:var(--font-ui);transition:color var(--t-fast)}.read-more:hover{color:var(--accent)}.rm-arr{display:inline-block;transition:transform var(--t-fast)}.read-more:hover .rm-arr{transform:translateX(3px)}.pagination{display:flex;justify-content:space-between;list-style:none;margin:0;padding:20px 32px;border-bottom:1px solid var(--rule)}.pagination a{font-size:13px;color:var(--ink-3);text-decoration:none;transition:color var(--t-fast)}.pagination a:hover{color:var(--accent)}.reading-progress{position:sticky;top:53px;height:2px;z-index:15;background:0 0}.reading-progress-fill{height:100%;background:var(--accent);transition:width .08s linear}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--rule);padding:13px 32px;width:100%;font-family:var(--font-ui);transition:color var(--t-fast)}.back-link:hover{color:var(--ink)}.back-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.article-header-area{padding:34px 32px 28px;border-bottom:1px solid var(--rule);animation:fadeUp .2s var(--ease-soft)}.article-eyebrow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.article-title{font-family:var(--font-display);font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-.025em;color:var(--ink);margin:0 0 16px;text-wrap:balance;font-variation-settings:"opsz" 36}.article-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ink-3)}.article-body{max-width:640px;margin:0 auto;padding:38px 32px 80px;font-family:var(--font-read);font-size:17px;line-height:1.78;color:var(--ink);font-variation-settings:"opsz" 16;animation:fadeUp .2s var(--ease-soft)}.article-body p{margin:0 0 1.2em;text-wrap:pretty}.article-body h2,.article-body h3,.article-body h4{font-family:var(--font-display);font-weight:600;color:var(--ink);font-variation-settings:"opsz" 24}.article-body h2{font-size:22px;margin:1.8em 0 .5em}.article-body h3{font-size:19px;margin:1.5em 0 .4em}.article-body h4{font-size:17px;margin:1.2em 0 .3em}.article-body blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.2em;border-left:2px solid var(--accent-soft);color:var(--ink-2);font-style:italic}.article-body a{color:var(--ink-blue);text-decoration-thickness:1px;text-underline-offset:3px}.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.4em}.article-body li{margin-bottom:.4em}.article-body img{max-width:100%;height:auto;border:1px solid var(--rule);border-radius:4px}.article-body figure{margin:1.4em 0}.article-body figure img{border:1px solid var(--rule)}.article-body hr{border:none;border-top:1px solid var(--rule);margin:2em 0}.original-link-bar{max-width:640px;margin:0 auto;padding:0 32px 48px;border-top:1px solid var(--rule-soft)}.original-link{font-size:13px;color:var(--ink-3);text-decoration:none;font-family:var(--font-ui);transition:color var(--t-fast);display:inline-block;padding-top:16px}.original-link:hover{color:var(--accent)}.page-area{padding:32px;animation:fadeUp .2s var(--ease-soft)}.page-heading{font-family:var(--font-display);font-size:26px;font-weight:500;color:var(--ink);margin:0 0 24px;letter-spacing:-.02em;font-variation-settings:"opsz" 28}.tag-list{list-style:none;margin:0;padding:0}.tag-row{display:flex;align-items:baseline;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--rule);width:100%;text-decoration:none;color:var(--ink);transition:color var(--t-fast)}.tag-row:hover{color:var(--accent)}.tag-row-name{font-family:var(--font-display);font-size:20px;font-weight:400;font-variation-settings:"opsz" 20}.tag-row-count{font-size:12px;color:var(--ink-3);font-family:var(--font-ui)}.about-area{padding:40px 32px 80px;max-width:720px;margin:0 auto;animation:fadeUp .2s var(--ease-soft)}.about-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface-2);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;overflow:hidden}.about-avatar img{width:100%;height:100%;object-fit:cover}.about-avatar svg{width:32px;height:32px;stroke:var(--ink-3);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.about-name{font-family:var(--font-display);font-size:26px;font-weight:500;color:var(--ink);margin:0 0 4px;letter-spacing:-.02em;font-variation-settings:"opsz" 28;text-align:center}.about-handle{font-size:13px;color:var(--ink-3);font-family:var(--font-ui);margin:0 0 24px;text-align:center}.about-bio{font-family:var(--font-read);font-size:16px;line-height:1.75;color:var(--ink-2);font-variation-settings:"opsz" 14}.about-bio p{margin:0 0 1em;text-wrap:pretty}.about-bio h2{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--ink);margin:1.5em 0 .5em}.about-divider{border:none;border-top:1px solid var(--rule);margin:24px 0}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.contact-link{font-size:13px;color:var(--ink-3);text-decoration:none;padding:7px 13px;border:1px solid var(--rule);border-radius:8px;font-family:var(--font-ui);transition:border-color var(--t-fast),color var(--t-fast)}.contact-link:hover{border-color:var(--accent);color:var(--accent)}code{background-color:var(--code-bg);padding:.1em .35em;border-radius:3px;font-size:.88em}pre{background-color:var(--pre-bg);line-height:1.45;overflow-x:auto;padding:1em;border-radius:4px;border:1px solid var(--rule);margin:1.4em 0}pre code{background:0 0;padding:0;font-size:.85em}.callout{margin:1.4em 0;padding:1em 1.2em;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--ink);font-size:.94em}.callout-alert{border-color:#c45a4a}.callout-tip{border-color:var(--ink-blue)}.callout-warning{border-color:#c4a84a}.article-body table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.94em}.article-body th,.article-body td{padding:8px 12px;border:1px solid var(--rule);text-align:left}.article-body th{background:var(--surface-2);font-family:var(--font-ui);font-weight:600;font-size:.88em}.toc{max-width:640px;margin:0 auto;padding:0 32px 24px;font-size:14px;color:var(--ink-2)}.toc strong{display:block;margin-bottom:8px;font-family:var(--font-ui);color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.toc ul{padding-left:1.2em}.toc a{color:var(--ink-blue)}.draft-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.tldr{max-width:640px;margin:0 auto;padding:0 32px 16px;font-size:14px;color:var(--ink-2);font-family:var(--font-ui);border-bottom:1px solid var(--rule-soft)}.series-indicator{font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--accent);background:0 0;border:none;padding:0;margin-bottom:7px;display:block;text-align:left;font-variation-settings:"opsz" 14;transition:color var(--t-fast);text-decoration:none}.series-indicator:hover{color:var(--accent-deep)}.series-masthead{padding:36px 32px 30px;border-bottom:1px solid var(--rule);animation:fadeUp .2s var(--ease-soft)}.series-kicker{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px}.series-heading{font-family:var(--font-display);font-size:32px;font-weight:500;color:var(--ink);margin:0 0 13px;letter-spacing:-.02em;line-height:1.2;font-variation-settings:"opsz" 34;text-wrap:balance}.series-description{font-family:var(--font-display);font-style:italic;font-size:16px;color:var(--ink-2);line-height:1.55;margin:0 0 14px;max-width:480px;font-variation-settings:"opsz" 16}.series-post-count{font-family:var(--font-ui);font-size:12px;color:var(--ink-3)}.series-empty{padding:32px;color:var(--ink-3);font-size:14px;margin:0;font-family:var(--font-ui)}@media(max-width:600px){.site-header{padding:13px 20px}.bio-band,.post-item,.page-area,.article-header-area,.series-masthead{padding-left:20px;padding-right:20px}.about-area{padding-left:20px;padding-right:20px}.back-link{padding-left:20px;padding-right:20px}.article-body,.original-link-bar,.toc,.tldr{padding-left:20px;padding-right:20px}.pagination{padding-left:20px;padding-right:20px}.post-title{font-size:21px}.article-title{font-size:26px}.nav-link{padding:5px 6px;font-size:12px}}@media(prefers-reduced-motion:reduce){.post-item,.page-area,.about-area,.article-header-area,.article-body{animation:none}}