@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono-400.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/geist-mono-600.woff2)format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-400.woff2)format("woff2")}:root{color-scheme:light;--bg:#fff;--surface:#fff;--band:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--link:#06c;--code-bg:#fff;--focus:#005fcc;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Inter", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Geist Mono", monospace;--comic:"Patrick Hand", cursive}.site-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#ffffffeb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:52px;padding:4px 32px;display:grid;position:sticky;top:0}.menu-toggle{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:6px;padding:0 12px;display:none}.brand{min-height:44px;color:var(--text);align-items:center;font-weight:700;display:inline-flex}.primary-nav ul,.secondary-nav ul,.footer-links,.tag-list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.primary-nav a,.secondary-nav a{min-height:44px;color:var(--text);align-items:center;padding:0 10px;display:inline-flex}.secondary-nav a{color:var(--muted);font-size:14px}.page-head{text-align:center;max-width:1680px;margin:0 auto;padding:74px 32px 52px}.tagline,.lede{max-width:80ch;color:var(--muted);font-size:21px}.eyebrow,.card-kicker,.callout-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.home-shelves,.home-latest,.story-list,.home-utility,.tag-bank,.post-shell,.comic-strip,.snippet-index,.page-content,.search-shell{width:min(1680px,100vw - 64px);margin:0 auto 28px}.home-intro{width:min(1680px,100vw - 64px);margin:0 auto;padding:72px 0 40px}.home-intro h1{letter-spacing:-.02em;max-width:18ch;margin:0 0 16px;font-size:clamp(40px,4.4vw,60px);line-height:1.05}.home-intro .lede{max-width:62ch}.home-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button-link.button-primary{background:var(--text);border-color:var(--text);color:#fff}.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.shelf-card{border:1px solid var(--line);color:var(--text);border-radius:16px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.shelf-card:hover,.shelf-card:focus-visible{border-color:var(--link);text-decoration:none}.shelf-card h2{margin:4px 0 0;font-size:20px}.shelf-card p{color:var(--muted);margin:0;font-size:15px}.shelf-card .shelf-count{color:var(--text);margin-top:auto;padding-top:8px}.shelf-icon{background:var(--band);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.section-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-head h2{margin:0 0 14px}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.latest-card{border:1px solid var(--line);border-radius:16px;flex-direction:column;padding:18px;display:flex}.latest-card h3{margin:0 0 6px;font-size:20px;line-height:1.3}.latest-card p{margin:0 0 8px}.latest-card h3 a{color:var(--text)}.latest-card .meta-line{margin-top:auto}.latest-thumb{margin-bottom:14px;display:block}.latest-thumb img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:180px;display:block}.latest-motive{color:var(--link);font-size:13px;font-weight:600}.post-card img,.figure-link{background:#fff}.post-card img{border:1px solid var(--line);object-fit:contain;width:100%}.button-link,.learn-link,.badge,.tag,.tag-chip{border:1px solid var(--line);min-height:44px;color:var(--text);border-radius:6px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.badge-type{color:var(--link);border-color:var(--link)}.story-list,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.post-card{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px;display:grid}.search-shell .post-card{grid-template-columns:1fr}.post-card h2,.post-card h3{margin:0;font-size:24px}.post-card img{max-height:150px}.post-card-no-thumb,.story-list>.full-span{grid-column:1/-1}.post-card-no-thumb{grid-template-columns:1fr}.meta-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.home-utility{grid-template-columns:1fr 1fr;gap:16px;display:grid}.home-utility>div,.side-note{background:var(--band);border-radius:18px;padding:22px}.home-utility a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.tag-bank,.tag-list{gap:8px}.tag-chip:hover,.tag-chip:focus-visible,.badge:hover,.badge:focus-visible{text-decoration:none}.tag-chip:hover{background:var(--band)}.post-article .tag-chip,.post-article .tag-chip:hover,.post-article .tag-chip:focus-visible{text-decoration:none}.post-shell{grid-template-columns:280px minmax(0,1fr);gap:32px;display:grid}.post-shell>*,.post-article,.snippet-card,.post-card>*,.title-block,.breakout{min-width:0}.post-shell.simple{grid-template-columns:minmax(0,1fr) 300px}.story-spine-wrap{align-self:start;position:sticky;top:72px}.story-spine{border-left:2px solid var(--link);gap:10px;padding-left:12px;display:grid}.spine-inline{display:none}.story-spine a{border:1px solid var(--line);min-height:44px;color:var(--text);border-radius:8px;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;padding:12px;display:grid}.story-spine a:first-child{border-color:var(--link);box-shadow:inset 4px 0 0 var(--link)}.chapter-number{color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:700}.spine-secondary{gap:6px;margin-top:16px;padding-left:14px;display:grid}.spine-secondary a{min-height:32px;color:var(--muted);font-size:14px}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.post-article{max-width:none;padding-top:24px}.post-article p,.post-article li,.post-article a{overflow-wrap:anywhere}.prose>p,.prose>ul,.prose>ol,.prose>h2,.prose>h3,.prose>blockquote,.prose>.callout{max-width:min(80ch,760px)}.prose>.figure,.prose>.code,.prose>.table-wrap,.prose>.screenshot-figure{max-width:none}.post-article>p,.post-article>ul,.post-article>ol,.post-article>h1,.post-article>h2,.post-article>h3,.post-article>.callout,.post-article>.ai-label,.title-block,.cold-open{max-width:80ch}.title-block{gap:8px;margin-bottom:24px;display:grid}.title-block>*{margin:0}.title-block h1{font-size:clamp(30px,3vw,44px);line-height:1.15}.cold-open{margin-bottom:36px;font-size:20px;line-height:1.62}.breakout,.figure,.code,.table-wrap{width:100%;margin:30px 0}.comic-strip{background:var(--band);border-radius:20px;width:min(1600px,100vw - 32px);max-width:100%;margin-left:auto;margin-right:auto;padding:18px}.comic-panels{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.comic-panel{width:100%;height:auto}.comic-rough,.comic-bubble,.comic-prop{fill:none;stroke:currentColor;stroke-width:1.3px}.comic-text,.comic-label{fill:currentColor;font-family:var(--comic)}.comic-text{font-size:16px}.chapter-strip,.visual-summary,.scene-cards{background:var(--band);border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px;display:grid}.chapter-strip.spine-inline{display:none}.chapter-strip .eyebrow,.visual-summary .eyebrow,.scene-cards h2{grid-column:1/-1;margin:0}.chapter-strip a,.visual-summary article,.scene-cards article,.concept-grid article,.remember-these article,.snippet-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px}.chapter-strip a{color:var(--text)}.chapter-strip span,.scene-number{color:var(--muted);font-family:var(--mono);display:block}.why-heading+p{background:var(--band);border-radius:20px;max-width:80ch;padding:28px;font-size:20px}.pull-quotes,.concept-grid,.snippet-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pull-quotes blockquote{border-left:3px solid var(--link);background:var(--band);margin:0;padding:16px}.pull-quote{border-left:3px solid var(--link);background:var(--band);max-width:min(80ch,760px);color:var(--muted);margin:18px 0 24px;padding:14px 0 14px 16px}.pull-quote p{margin:0}.remember-these{background:var(--band);border-radius:20px;padding:20px}.remember-these>div{gap:12px;display:flex;overflow:auto}.remember-these article{min-width:240px}.heading-anchor{opacity:0;margin-left:.35rem}h2:hover .heading-anchor,h3:hover .heading-anchor,.heading-anchor:focus,.heading-anchor:focus-visible{opacity:1}.figure{border:1px solid var(--line);border-radius:10px;padding:12px}.screenshot-figure{background:var(--band)}.figure-link{max-width:100%;display:block;overflow-x:auto}.figure img{width:100%;height:auto;display:block}.figure figcaption{color:var(--muted);margin-top:8px;font-size:14px}.code{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:100%;overflow:hidden}.code-bar{border-bottom:1px solid var(--line);background:var(--band);min-height:44px;font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;padding:0 12px;display:flex}.code-bar span{overflow-wrap:anywhere;min-width:0}.copy{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:34px}.code pre,.snippet-preview{max-width:100%;color:var(--text);font-family:var(--mono);background:#fff;margin:0;padding:18px;overflow:auto}.code pre code,.snippet-preview code{width:max-content;min-width:100%;display:block}:not(pre)>code{overflow-wrap:anywhere;background:var(--band);color:var(--text);word-break:break-word;border-radius:6px;padding:.1em .35em}.hljs{color:#1d1d1f;background:0 0}.hljs-keyword,.hljs-selector-tag{color:#0550ae}.hljs-string{color:#0a3069}.hljs-title,.hljs-name{color:#8250df}.hljs-comment{color:#57606a}.hljs-number,.hljs-literal{color:#953800}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border:1px solid var(--line);text-align:left;padding:12px}.callout{border-left:3px solid var(--link);padding:10px 0 10px 14px}.ai-label{color:var(--muted);border:1px solid var(--line);background:var(--band);border-radius:8px;padding:10px 12px}.ai-label a{text-underline-offset:.18em;text-decoration:underline}.series-nav,.from-this-post{background:var(--band);border-radius:18px;padding:18px}.about-shell,.page-content{max-width:880px;padding:56px 24px 80px}.about-shell{margin:0 auto}.about-head{border-bottom:1px solid var(--line);align-items:center;gap:28px;margin-bottom:8px;padding-bottom:32px;display:flex}.about-photo{background:var(--band);object-fit:cover;border-radius:50%;flex:none;width:112px;height:112px}.about-id h1{margin:4px 0 8px;font-size:36px}.about-lede{color:var(--muted);margin:0 0 12px;font-size:19px;line-height:1.45}.about-links{gap:20px;margin:0;display:flex}.about-links a{align-items:center;min-height:44px;display:inline-flex}.site-footer{background:var(--band);color:var(--muted);margin-top:48px;padding:32px}.site-footer a{margin-right:16px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.search-form{gap:12px;max-width:44rem;display:grid}.search-form input,.search-form select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:12px 14px}@media (prefers-reduced-motion:no-preference){.post-card,.chapter-map a,.visual-summary article{transition:transform .18s}.post-card:hover,.chapter-map a:hover,.visual-summary article:hover{transform:translateY(-2px)}}@media (width<=980px){.site-header{grid-template-columns:1fr;gap:4px;padding:8px 16px;position:static}@media (width<=700px){.site-header{grid-template-columns:1fr auto}.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.primary-nav{grid-column:1/-1}.nav-enhanced .primary-nav[data-open=false]{display:none}.nav-enhanced .primary-nav[data-open=true]{display:block}.primary-nav ul{grid-template-columns:1fr;display:grid}}.secondary-nav{display:none}.primary-nav ul{gap:0 6px}.primary-nav a{padding:0 8px}.home-shelves,.home-latest,.shelf-grid,.latest-grid,.story-list,.home-utility,.post-shell,.post-shell.simple,.chapter-strip,.visual-summary,.scene-cards,.concept-grid,.pull-quotes,.snippet-cards,.post-grid{grid-template-columns:1fr;width:calc(100vw - 32px)}.page-head{padding:38px 16px}.home-intro{width:calc(100vw - 32px);padding:40px 0 28px}.story-spine-wrap{display:none}.spine-inline{margin:8px 0 24px;display:block}.story-spine{display:flex;overflow:auto}.chapter-strip.spine-inline{grid-template-columns:1fr;display:grid}.story-spine a{min-width:220px}.chapter-strip a{min-width:0}.remember-these>div{display:grid;overflow:visible}.code pre code,.snippet-preview code{white-space:pre-wrap;overflow-wrap:anywhere;width:auto}table{min-width:100%}table,thead,tbody,tr,th,td{width:100%;display:block}tr+tr{border-top:1px solid var(--line)}.snippet-cards{max-width:100%;overflow:hidden}.snippet-card{overflow-wrap:anywhere;max-width:100%}.comic-panels{grid-template-columns:1fr 1fr}.title-block h1{font-size:30px;line-height:1.15}.post-card,.home-utility{grid-template-columns:1fr}.about-shell{padding:32px 16px 56px}.about-head{align-items:flex-start;gap:16px}.about-photo{width:72px;height:72px}.about-id h1{font-size:28px}.about-lede{font-size:17px}}*{box-sizing:border-box}html,body{overflow-x:hidden}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font:400 17px/1.5 var(--font);margin:0}a{color:var(--link);text-decoration:none}.post-article p a,.post-article li a,.ai-label a{text-underline-offset:.18em;text-decoration:underline}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible,[role=region][tabindex="0"]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:20;position:absolute;top:16px;left:16px;transform:translateY(-220%)}.skip-link:focus{border:2px solid var(--link);background:#fff;padding:10px;transform:translateY(0)}h1,h2,h3{letter-spacing:-.018em;line-height:1.15}h1{font-size:clamp(30px,3vw,44px);font-weight:700}img{max-width:100%}