:root{--paper:#f3eee3;--paper-2:#ece4d4;--paper-3:#e3d9c5;--ink:#1c1813;--ink-2:#574f3f;--ink-faint:#8c8170;--rule:#d8cdb8;--rule-2:#c7bca2;--accent:#cf3a1e;--accent-deep:#a32a12;--accent-tint:#cf3a1e1f;--good:#2f6b4f;--good-tint:#2f6b4f1f;--echo:#1c18131a;--echo-accent:#cf3a1e2e;--code-bg:#221d17;--code-bg-2:#2b251e;--code-text:#e9e0cf;--code-border:#e9e0cf1f;--tok-comment:#8d8675;--tok-keyword:#e2894c;--tok-function:#6fb6b1;--tok-string:#a6b86c;--tok-operator:#cf9a72;--shadow-sm:0 1px 2px #281e0c12, 0 3px 8px #281e0c0d;--shadow-md:0 12px 34px #281e0c1f, 0 3px 10px #281e0c12;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", "SF Mono", ui-monospace, monospace;--max-width:1180px;--measure:66ch;--radius:4px}[data-theme=dark]{--paper:#15120d;--paper-2:#1d1913;--paper-3:#251f17;--ink:#ece2cf;--ink-2:#b7ac95;--ink-faint:#7d7361;--rule:#322b20;--rule-2:#463d2e;--accent:#f0613f;--accent-deep:#f0613f;--accent-tint:#f0613f29;--good:#63b78d;--good-tint:#63b78d24;--echo:#ece2cf14;--echo-accent:#f0613f33;--code-bg:#100e0a;--code-bg-2:#181510;--code-border:#e9e0cf1a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 16px 44px #0000008c}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(1.02rem,.98rem + .25vw,1.16rem);line-height:1.72;transition:background-color .4s,color .4s;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=dark] body:before{mix-blend-mode:screen;opacity:.18}.masthead,.hero,main,footer,.scroll-progress,.skip-link{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);font-optical-sizing:auto;font-weight:600;line-height:1.05}a{color:var(--accent);text-underline-offset:3px}strong{color:var(--ink);font-weight:700}em{font-style:italic}ul{padding-left:1.2rem}li{margin-top:.4rem}li::marker{color:var(--accent)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:2px}.skip-link{background:var(--accent);color:#fff;font-family:var(--font-mono);border-radius:4px;padding:10px 18px;font-size:.85rem;text-decoration:none;transition:top .2s;position:absolute;top:-64px;left:14px}.skip-link:focus{color:#fff;top:14px}.container{width:min(100% - 2.6rem, var(--max-width));margin-inline:auto}section{border-top:1px solid var(--rule);padding-block:clamp(3.2rem,7vw,6rem);scroll-margin-top:88px}section>.container{max-width:920px}section p{color:var(--ink-2);max-width:var(--measure)}section>.container>p{margin-top:1.1rem}.scroll-progress{z-index:60;background:linear-gradient(90deg, var(--accent), var(--accent-deep));transform-origin:0;will-change:transform;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.masthead{z-index:50;background:color-mix(in oklab, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(12px)saturate(150%);border-bottom:1px solid var(--rule);transition:padding .25s,background .4s;position:sticky;top:0}.masthead__inner{width:min(100% - 2.6rem, var(--max-width));align-items:center;gap:1.2rem;min-height:64px;margin-inline:auto;padding-block:.5rem;display:flex}.masthead.is-condensed{border-bottom-color:var(--rule-2)}.masthead.is-condensed .masthead__inner{min-height:54px}.masthead__brand{color:var(--ink);white-space:nowrap;align-items:baseline;gap:.6rem;text-decoration:none;display:inline-flex}.masthead__mark{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.32rem;font-weight:900}.masthead__q{color:var(--accent)}.masthead__words{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);border-left:1px solid var(--rule-2);padding-left:.6rem;font-size:.66rem}.masthead__nav{scrollbar-width:none;-ms-overflow-style:none;gap:.15rem;margin-left:auto;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.masthead__nav::-webkit-scrollbar{display:none}.masthead__nav a{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;border-radius:3px;padding:.45rem .6rem;font-size:.76rem;text-decoration:none;transition:color .18s,background .18s;position:relative}.masthead__nav a:hover{color:var(--ink);background:var(--paper-2)}.masthead__nav a.is-current{color:var(--accent)}.masthead__nav a.is-current:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:.15rem;left:.6rem;right:.6rem}.theme-toggle{border:1px solid var(--rule-2);background:var(--paper-2);width:40px;height:40px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:4px;flex:none;place-items:center;transition:transform .15s,color .15s,border-color .15s;display:inline-grid}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}.section-head[data-echo]{isolation:isolate;position:relative}.section-head[data-echo]:before{content:attr(data-echo);z-index:-1;width:100%;color:var(--echo);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:2.4rem;left:0;transform:translate(.07em,.09em)}.hero__title{text-shadow:.045em .055em 0 var(--echo-accent)}.hero{border-bottom:2px solid var(--ink);background:radial-gradient(120% 80% at 85% -10%, var(--accent-tint), transparent 55%), radial-gradient(90% 70% at -10% 0%, var(--good-tint), transparent 50%);padding-block:clamp(2.6rem,6vw,5rem) clamp(2.6rem,6vw,4.5rem)}.hero__inner{width:min(100% - 2.6rem, var(--max-width));margin-inline:auto}.dateline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.8rem;margin-bottom:1.8rem;font-size:.72rem;display:flex}.dateline__edition{color:var(--accent);font-weight:700}.dateline__rule{background:var(--rule-2);flex:1;max-width:120px;height:1px}.hero__title{letter-spacing:-.035em;font-variation-settings:"SOFT" 0, "WONK" 1;font-size:clamp(3rem,1.4rem + 7.6vw,7.5rem);font-weight:900;line-height:.92}.hero__title .diverge{color:var(--accent);font-style:italic;font-weight:600;display:inline-block}.hero__deck{font-family:var(--font-display);color:var(--ink);max-width:24ch;margin-top:1.5rem;font-size:clamp(1.25rem,1rem + 1.1vw,1.9rem);font-style:italic;font-weight:400}.core-thesis{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);max-width:none;margin-top:2.4rem;font-size:clamp(1.8rem,1.2rem + 2.6vw,3.2rem);font-weight:900;line-height:1.05}.ct-strike{color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:.06em;position:relative}.ct-mark{color:var(--accent);position:relative}.steelman{color:var(--ink-2);border-left:3px solid var(--rule-2);max-width:52ch;margin-top:1.4rem;padding-left:1rem;font-size:1.06rem}.scroll-cue{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.6rem;margin-top:2.6rem;font-size:.76rem;text-decoration:none;display:inline-flex}.scroll-cue svg{width:18px;height:18px;animation:1.8s ease-in-out infinite bob}.scroll-cue:hover{color:var(--accent)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.section-head{letter-spacing:-.022em;max-width:20ch;margin-bottom:1.4rem;padding-top:2.4rem;font-size:clamp(1.8rem,1.3rem + 2.2vw,2.9rem);position:relative}main{counter-reset:section}main>section{counter-increment:section}.section-head:after{content:"§ " counter(section, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);font-size:.8rem;font-weight:700;position:absolute;top:0;left:0}.marginalia{font-family:var(--font-mono);color:var(--ink-faint);border-left:2px solid var(--accent);max-width:38ch;margin:1.4rem 0;padding-left:.8rem;font-size:.78rem;line-height:1.5}.marginalia--center{text-align:left;border-left:none;border-top:2px solid var(--accent);text-align:center;max-width:40ch;margin-inline:auto;padding:.8rem 0 0}.key-question-callout{font-family:var(--font-display);color:var(--ink);border-left:4px solid var(--accent);max-width:32ch;margin:1.8rem 0;padding:.2rem 0 .2rem 1.4rem;font-size:clamp(1.3rem,1rem + 1.4vw,2rem);font-style:italic;font-weight:500;line-height:1.25}.key-question-callout--xl{text-align:center;max-width:24ch;color:var(--accent);border-left:none;margin-inline:auto;padding:0;font-weight:600}.section-quote{background:var(--paper-2);border:1px solid var(--rule);border-left:4px solid var(--ink);border-radius:var(--radius);margin:2rem 0 0;padding:1.4rem 1.5rem}.section-quote p{font-family:var(--font-display);color:var(--ink);max-width:none;margin:0;font-size:1.18rem;font-style:italic}.grid{gap:1.1rem;margin-top:1.8rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem 1.4rem 1.4rem;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card__index{font-family:var(--font-mono);color:var(--accent);font-size:.8rem;font-weight:700}.card h3{margin-top:.4rem;margin-bottom:.5rem;font-size:1.28rem}.card p{color:var(--ink-2);font-size:.98rem}.centered-content{text-align:center;max-width:760px;margin-inline:auto}.centered-content>p{margin-inline:auto}.centered-note{text-align:center;color:var(--ink-faint);max-width:56ch;margin:1.4rem auto 0;font-style:italic}.fork{max-width:360px;margin:1.6rem auto .4rem}.fork svg{width:100%;height:auto;overflow:visible}.fork path{fill:none;stroke-width:2.5px;stroke-linecap:round}.fork__stem,.fork__branch--no{stroke:var(--ink-faint)}.fork__branch--yes{stroke:var(--good)}.fork__branch--no{stroke:var(--accent)}.fork__node{fill:var(--accent);stroke:none}.decision-grid{text-align:left;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1rem;display:grid}.decision-card{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);padding:1.2rem 1.3rem}.decision-card.yes{border-top:4px solid var(--good)}.decision-card.no{border-top:4px solid var(--accent)}.decision-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.78rem;display:block}.decision-card.yes .decision-label{color:var(--good)}.decision-card.no .decision-label{color:var(--accent)}.decision-card p{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.1rem}.examples-subhead{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.8rem;margin-top:2.8rem;margin-bottom:.4rem;font-size:1.4rem;font-style:italic;display:flex}.examples-subhead:before{content:"";background:var(--accent);width:1.8rem;height:2px}.code-comparison{grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.4rem;display:grid}.code-comparison figure{border-radius:var(--radius);border:1px solid var(--code-border);box-shadow:var(--shadow-md);background:var(--code-bg);margin:0;overflow:hidden}.hero__exhibit{margin-top:2.8rem}.code-label{font-family:var(--font-mono);color:var(--code-text);background:var(--code-bg-2);border-bottom:1px solid var(--code-border);align-items:center;gap:.7rem;padding:.7rem .95rem;font-size:.82rem;font-weight:700;display:flex}.code-label__tag{letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:.18rem .5rem;font-size:.66rem}.code-label.good .code-label__tag{color:#8fd9b3;background:#63b78d2e}.code-label.bad .code-label__tag{color:#f3a285;background:#f0613f2e}.code-label.good:after,.code-label.bad:after{margin-left:auto;font-size:.95rem}.code-label.good:after{content:"✓";color:#8fd9b3}.code-label.bad:after{content:"✕";color:#f3a285}.code-block{overflow-x:auto}.code-block pre{font-family:var(--font-mono);color:var(--code-text);tab-size:2;margin:0;padding:1.1rem 1.2rem;font-size:.82rem;line-height:1.65}.code-block::-webkit-scrollbar,.code-block pre::-webkit-scrollbar{height:9px}.code-block pre::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9px}.token-comment{color:var(--tok-comment);font-style:italic}.token-keyword{color:var(--tok-keyword)}.token-function{color:var(--tok-function)}.token-string{color:var(--tok-string)}.token-operator{color:var(--tok-operator)}.ledger{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2rem;margin-top:1.8rem;display:grid}.ledger__vs{font-family:var(--font-display);color:var(--ink-faint);font-size:1.4rem;font-style:italic}.cost-card{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);padding:1.5rem 1.4rem;position:relative}.cost-card__weight{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:3px;padding:.2rem .5rem;font-size:.68rem;position:absolute;top:1.1rem;right:1.2rem}.cost-card.duplication{border-top:4px solid var(--good)}.cost-card.duplication .cost-card__weight{background:var(--good-tint);color:var(--good)}.cost-card.abstraction{border-top:4px solid var(--accent)}.cost-card.abstraction .cost-card__weight{background:var(--accent-tint);color:var(--accent)}.cost-card h3{max-width:14ch;margin-bottom:.7rem;font-size:1.2rem}.cost-card ul{color:var(--ink-2);font-size:.98rem}.cost-verdict{font-family:var(--font-display);text-align:center;max-width:22ch;color:var(--ink);margin:2.4rem auto 0;font-size:clamp(1.4rem,1.1rem + 1.6vw,2.2rem);font-weight:900;line-height:1.15}.smell-item{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-2);padding:1.1rem 1.2rem 1.1rem 2.6rem;position:relative}.smell-item:before{content:"⚑";color:var(--accent);position:absolute;top:1rem;left:1rem}.smell-item p{color:var(--ink);margin:0;font-weight:500}.when-card{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);padding:1.6rem 1.5rem}.when-card.duplicate{border-top:4px solid var(--good)}.when-card.abstract{border-top:4px solid var(--accent)}.when-card h3{margin-bottom:.7rem;font-size:1.24rem}.when-card ul{color:var(--ink-2)}.when-note{color:var(--ink-faint);margin-top:1rem;font-size:.96rem;font-style:italic}.bg-heuristic{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);padding:1.6rem 1.5rem;position:relative;overflow:hidden}.bg-heuristic__abbr{font-family:var(--font-display);color:var(--accent);opacity:.08;letter-spacing:-.04em;pointer-events:none;font-size:4.2rem;font-weight:900;line-height:1;position:absolute;top:-.7rem;right:.6rem}.bg-heuristic h3{color:var(--accent);margin-bottom:.5rem;font-size:1.24rem}.bg-heuristic p{color:var(--ink-2);font-size:.98rem}.pattern-card{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);padding:1.6rem 1.5rem}.pattern-card h3{align-items:center;gap:.5rem;margin-bottom:.7rem;font-size:1.24rem;display:flex}.pattern-card h3:before{font-family:var(--font-mono);font-weight:700}.pattern-card--do{border-top:4px solid var(--good)}.pattern-card--do h3{color:var(--good)}.pattern-card--do h3:before{content:"✓"}.pattern-card--avoid{border-top:4px solid var(--accent)}.pattern-card--avoid h3{color:var(--accent)}.pattern-card--avoid h3:before{content:"✕"}.pattern-card ul{color:var(--ink-2)}.pattern-note{text-align:center;color:var(--ink-faint);margin:1.6rem auto 0;font-style:italic}.faq-list{grid-template-columns:repeat(2,1fr)}.faq-card h3{font-family:var(--font-display);color:var(--accent);margin-bottom:.6rem;font-size:1.18rem;font-style:italic;font-weight:500}.faq-card p{color:var(--ink-2);font-size:.98rem}.pr-guidance-content{grid-template-columns:1fr 1.4fr;gap:1.2rem;margin-top:1.8rem;display:grid}.pr-instead,.pr-try{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);padding:1.5rem}.pr-instead{border-left:4px solid var(--ink-faint)}.pr-try{border-left:4px solid var(--good)}.pr-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .6rem;font-size:.74rem}.pr-instead blockquote{font-family:var(--font-display);color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--accent);margin:0;font-size:1.3rem;font-style:italic}.pr-try ul{color:var(--ink);margin:0}.pr-try li{font-family:var(--font-display);font-style:italic}.pr-note{text-align:center;color:var(--ink-faint);margin-top:1.4rem;font-style:italic}.resources-intro{max-width:var(--measure)}.resource-link{border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);color:var(--ink);flex-direction:column;gap:.9rem;padding:1.3rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.resource-link:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.resource-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--rule);justify-content:space-between;padding-bottom:.6rem;font-size:.72rem;display:flex}.resource-meta span:first-child{color:var(--accent)}.resource-info h3{margin-bottom:.3rem;font-size:1.16rem;line-height:1.2}.resource-author{color:var(--ink-2);font-size:.95rem;font-style:italic}.resource-arrow{color:var(--ink-faint);font-size:1.1rem;transition:transform .18s,color .18s;position:absolute;bottom:1.1rem;right:1.2rem}.resource-link:hover .resource-arrow{color:var(--accent);transform:translate(2px,-2px)}.annotate{display:inline-block;position:relative}.annotate svg{pointer-events:none;position:absolute;overflow:visible}.annotate svg path{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:0}.annotate--circle svg{z-index:-1;width:168%;height:2.7em;top:50%;left:50%;transform:translate(-50%,-50%)}.annotate--underline{display:inline}.annotate--underline svg{width:100%;height:.55em;bottom:-.18em;left:0}footer{border-top:2px solid var(--ink);background:var(--paper-2);padding-block:clamp(3rem,6vw,5rem)}.closing-principle{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);max-width:22ch;font-size:clamp(1.6rem,1.2rem + 2vw,2.8rem);font-weight:900;line-height:1.12}.closing-note{font-family:var(--font-display);color:var(--accent);margin-top:1.2rem;font-size:1.3rem;font-style:italic}.colophon{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);border-top:1px solid var(--rule);margin-top:2.4rem;padding-top:1.4rem;font-size:.74rem}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}.annotate.reveal{transform:none}.annotate.reveal svg path{stroke-dashoffset:1400px}.annotate.reveal.is-visible svg path{stroke-dashoffset:0;transition:stroke-dashoffset 1s .15s}.centered-content.reveal .fork path{stroke-dasharray:400;stroke-dashoffset:400px}.centered-content.reveal.is-visible .fork path{stroke-dashoffset:0;transition:stroke-dashoffset .9s}.centered-content.reveal.is-visible .fork__branch--no,.centered-content.reveal.is-visible .fork__branch--yes{transition-delay:.25s}@media (width<=860px){.grid-3{grid-template-columns:1fr 1fr}.pr-guidance-content{grid-template-columns:1fr}.masthead__words{display:none}}@media (width<=640px){.grid-2,.grid-3,.faq-list,.code-comparison,.decision-grid,.ledger{grid-template-columns:1fr}.ledger__vs{text-align:center}.masthead__nav{display:none}.hero{border-bottom-width:1px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}