: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: rgba(207, 58, 30, .12);--good: #2f6b4f;--good-tint: rgba(47, 107, 79, .12);--echo: rgba(28, 24, 19, .1);--echo-accent: rgba(207, 58, 30, .18);--code-bg: #221d17;--code-bg-2: #2b251e;--code-text: #e9e0cf;--code-border: rgba(233, 224, 207, .12);--tok-comment: #8d8675;--tok-keyword: #e2894c;--tok-function: #6fb6b1;--tok-string: #a6b86c;--tok-operator: #cf9a72;--shadow-sm: 0 1px 2px rgba(40, 30, 12, .07), 0 3px 8px rgba(40, 30, 12, .05);--shadow-md: 0 12px 34px rgba(40, 30, 12, .12), 0 3px 10px rgba(40, 30, 12, .07);--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: rgba(240, 97, 63, .16);--good: #63b78d;--good-tint: rgba(99, 183, 141, .14);--echo: rgba(236, 226, 207, .08);--echo-accent: rgba(240, 97, 63, .2);--code-bg: #100e0a;--code-bg-2: #181510;--code-border: rgba(233, 224, 207, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 16px 44px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:clamp(1.02rem,.98rem + .25vw,1.16rem);line-height:1.72;color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}body:before{content:"";position:fixed;inset:0;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")}[data-theme=dark] body:before{mix-blend-mode:screen;opacity:.18}.masthead,.hero,main,footer,.scroll-progress,.skip-link{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.05;color:var(--ink);font-optical-sizing:auto}a{color:var(--accent);text-underline-offset:3px}strong{font-weight:700;color:var(--ink)}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{position:absolute;left:14px;top:-64px;background:var(--accent);color:#fff;padding:10px 18px;font-family:var(--font-mono);font-size:.85rem;text-decoration:none;border-radius:4px;transition:top .2s ease}.skip-link:focus{top:14px;color:#fff}.container{width:min(100% - 2.6rem,var(--max-width));margin-inline:auto}section{scroll-margin-top:88px;padding-block:clamp(3.2rem,7vw,6rem);border-top:1px solid var(--rule)}section>.container{max-width:920px}section p{color:var(--ink-2);max-width:var(--measure)}section>.container>p{margin-top:1.1rem}.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;background:linear-gradient(90deg,var(--accent),var(--accent-deep));transform:scaleX(0);transform-origin:0 50%;will-change:transform}.masthead{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-bottom:1px solid var(--rule);transition:padding .25s ease,background .4s ease}.masthead__inner{width:min(100% - 2.6rem,var(--max-width));margin-inline:auto;display:flex;align-items:center;gap:1.2rem;min-height:64px;padding-block:.5rem}.masthead.is-condensed{border-bottom-color:var(--rule-2)}.masthead.is-condensed .masthead__inner{min-height:54px}.masthead__brand{display:inline-flex;align-items:baseline;gap:.6rem;text-decoration:none;color:var(--ink);white-space:nowrap}.masthead__mark{font-family:var(--font-display);font-weight:900;font-size:1.32rem;letter-spacing:-.03em}.masthead__q{color:var(--accent)}.masthead__words{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);border-left:1px solid var(--rule-2);padding-left:.6rem}.masthead__nav{display:flex;gap:.15rem;margin-left:auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.masthead__nav::-webkit-scrollbar{display:none}.masthead__nav a{position:relative;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;padding:.45rem .6rem;white-space:nowrap;border-radius:3px;transition:color .18s ease,background .18s ease}.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:"";position:absolute;left:.6rem;right:.6rem;bottom:.15rem;height:2px;background:var(--accent)}.theme-toggle{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--rule-2);background:var(--paper-2);color:var(--ink);border-radius:4px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,color .15s ease,border-color .15s ease}.theme-toggle:hover{transform:translateY(-1px);color:var(--accent);border-color:var(--accent)}.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]{position:relative;isolation:isolate}.section-head[data-echo]:before{content:attr(data-echo);position:absolute;left:0;top:2.4rem;width:100%;z-index:-1;color:var(--echo);transform:translate(.07em,.09em);pointer-events:none;-webkit-user-select:none;user-select:none}.hero__title{text-shadow:.045em .055em 0 var(--echo-accent)}.hero{padding-block:clamp(2.6rem,6vw,5rem) clamp(2.6rem,6vw,4.5rem);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%)}.hero__inner{width:min(100% - 2.6rem,var(--max-width));margin-inline:auto}.dateline{display:flex;align-items:center;gap:.8rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1.8rem}.dateline__edition{color:var(--accent);font-weight:700}.dateline__rule{flex:1;height:1px;background:var(--rule-2);max-width:120px}.hero__title{font-size:clamp(3rem,1.4rem + 7.6vw,7.5rem);font-weight:900;letter-spacing:-.035em;line-height:.92;font-variation-settings:"SOFT" 0,"WONK" 1}.hero__title .diverge{color:var(--accent);font-style:italic;font-weight:600;display:inline-block}.hero__deck{font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1.1vw,1.9rem);font-weight:400;font-style:italic;color:var(--ink);margin-top:1.5rem;max-width:24ch}.core-thesis{font-family:var(--font-display);font-weight:900;font-size:clamp(1.8rem,1.2rem + 2.6vw,3.2rem);letter-spacing:-.02em;line-height:1.05;margin-top:2.4rem;color:var(--ink);max-width:none}.ct-strike{position:relative;color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:.06em}.ct-mark{color:var(--accent);position:relative}.steelman{margin-top:1.4rem;font-size:1.06rem;color:var(--ink-2);max-width:52ch;border-left:3px solid var(--rule-2);padding-left:1rem}.scroll-cue{display:inline-flex;align-items:center;gap:.6rem;margin-top:2.6rem;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}.scroll-cue svg{width:18px;height:18px;animation:bob 1.8s ease-in-out infinite}.scroll-cue:hover{color:var(--accent)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.section-head{position:relative;padding-top:2.4rem;margin-bottom:1.4rem;font-size:clamp(1.8rem,1.3rem + 2.2vw,2.9rem);letter-spacing:-.022em;max-width:20ch}main{counter-reset:section}main>section{counter-increment:section}.section-head:after{content:"§ " counter(section,decimal-leading-zero);position:absolute;top:0;left:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.18em;color:var(--accent);font-weight:700}.marginalia{font-family:var(--font-mono);font-size:.78rem;line-height:1.5;color:var(--ink-faint);border-left:2px solid var(--accent);padding-left:.8rem;margin:1.4rem 0;max-width:38ch}.marginalia--center{margin-inline:auto;text-align:left;border-left:none;border-top:2px solid var(--accent);padding:.8rem 0 0;text-align:center;max-width:40ch}.key-question-callout{font-family:var(--font-display);font-weight:500;font-style:italic;font-size:clamp(1.3rem,1rem + 1.4vw,2rem);line-height:1.25;color:var(--ink);margin:1.8rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:4px solid var(--accent);max-width:32ch}.key-question-callout--xl{border-left:none;text-align:center;max-width:24ch;margin-inline:auto;padding:0;font-weight:600;color:var(--accent)}.section-quote{margin:2rem 0 0;padding:1.4rem 1.5rem;background:var(--paper-2);border:1px solid var(--rule);border-left:4px solid var(--ink);border-radius:var(--radius)}.section-quote p{margin:0;font-family:var(--font-display);font-size:1.18rem;font-style:italic;color:var(--ink);max-width:none}.grid{display:grid;gap:1.1rem;margin-top:1.8rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{position:relative;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);padding:1.5rem 1.4rem 1.4rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-md)}.card__index{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);font-weight:700}.card h3{font-size:1.28rem;margin-top:.4rem;margin-bottom:.5rem}.card p{font-size:.98rem;color:var(--ink-2)}.centered-content{text-align:center;max-width:760px;margin-inline:auto}.centered-content>p{margin-inline:auto}.centered-note{text-align:center;font-style:italic;color:var(--ink-faint);margin:1.4rem auto 0;max-width:56ch}.fork{margin:1.6rem auto .4rem;max-width:360px}.fork svg{width:100%;height:auto;overflow:visible}.fork path{fill:none;stroke-width:2.5;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{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1rem;text-align:left}.decision-card{padding:1.2rem 1.3rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2)}.decision-card.yes{border-top:4px solid var(--good)}.decision-card.no{border-top:4px solid var(--accent)}.decision-label{display:block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}.decision-card.yes .decision-label{color:var(--good)}.decision-card.no .decision-label{color:var(--accent)}.decision-card p{margin:0;font-family:var(--font-display);font-size:1.1rem;color:var(--ink)}.examples-subhead{font-family:var(--font-display);font-size:1.4rem;font-style:italic;margin-top:2.8rem;margin-bottom:.4rem;color:var(--ink);display:flex;align-items:center;gap:.8rem}.examples-subhead:before{content:"";width:1.8rem;height:2px;background:var(--accent)}.code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.4rem}.code-comparison figure{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--code-border);box-shadow:var(--shadow-md);background:var(--code-bg)}.hero__exhibit{margin-top:2.8rem}.code-label{display:flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.82rem;font-weight:700;padding:.7rem .95rem;color:var(--code-text);background:var(--code-bg-2);border-bottom:1px solid var(--code-border)}.code-label__tag{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .5rem;border-radius:3px}.code-label.good .code-label__tag{background:#63b78d2e;color:#8fd9b3}.code-label.bad .code-label__tag{background:#f0613f2e;color:#f3a285}.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{margin:0;padding:1.1rem 1.2rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.65;color:var(--code-text);tab-size:2}.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{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2rem;margin-top:1.8rem}.ledger__vs{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--ink-faint)}.cost-card{position:relative;padding:1.5rem 1.4rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2)}.cost-card__weight{position:absolute;top:1.1rem;right:1.2rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .5rem;border-radius:3px}.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{font-size:1.2rem;margin-bottom:.7rem;max-width:14ch}.cost-card ul{color:var(--ink-2);font-size:.98rem}.cost-verdict{font-family:var(--font-display);font-weight:900;font-size:clamp(1.4rem,1.1rem + 1.6vw,2.2rem);text-align:center;margin:2.4rem auto 0;max-width:22ch;line-height:1.15;color:var(--ink)}.smell-item{padding:1.1rem 1.2rem 1.1rem 2.6rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-2);position:relative}.smell-item:before{content:"⚑";position:absolute;left:1rem;top:1rem;color:var(--accent)}.smell-item p{margin:0;color:var(--ink);font-weight:500}.when-card{padding:1.6rem 1.5rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2)}.when-card.duplicate{border-top:4px solid var(--good)}.when-card.abstract{border-top:4px solid var(--accent)}.when-card h3{font-size:1.24rem;margin-bottom:.7rem}.when-card ul{color:var(--ink-2)}.when-note{margin-top:1rem;font-style:italic;color:var(--ink-faint);font-size:.96rem}.bg-heuristic{position:relative;overflow:hidden;padding:1.6rem 1.5rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2)}.bg-heuristic__abbr{position:absolute;top:-.7rem;right:.6rem;font-family:var(--font-display);font-weight:900;font-size:4.2rem;line-height:1;color:var(--accent);opacity:.08;letter-spacing:-.04em;pointer-events:none}.bg-heuristic h3{font-size:1.24rem;margin-bottom:.5rem;color:var(--accent)}.bg-heuristic p{color:var(--ink-2);font-size:.98rem}.pattern-card{padding:1.6rem 1.5rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2)}.pattern-card h3{font-size:1.24rem;margin-bottom:.7rem;display:flex;align-items:center;gap:.5rem}.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{margin:1.6rem auto 0;text-align:center;font-style:italic;color:var(--ink-faint)}.faq-list{grid-template-columns:repeat(2,1fr)}.faq-card h3{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.18rem;margin-bottom:.6rem;color:var(--accent)}.faq-card p{color:var(--ink-2);font-size:.98rem}.pr-guidance-content{display:grid;grid-template-columns:1fr 1.4fr;gap:1.2rem;margin-top:1.8rem}.pr-instead,.pr-try{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2)}.pr-instead{border-left:4px solid var(--ink-faint)}.pr-try{border-left:4px solid var(--good)}.pr-label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .6rem}.pr-instead blockquote{margin:0;font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--ink-faint);text-decoration:line-through;text-decoration-color:var(--accent)}.pr-try ul{margin:0;color:var(--ink)}.pr-try li{font-family:var(--font-display);font-style:italic}.pr-note{margin-top:1.4rem;text-align:center;font-style:italic;color:var(--ink-faint)}.resources-intro{max-width:var(--measure)}.resource-link{display:flex;flex-direction:column;gap:.9rem;padding:1.3rem;border-radius:var(--radius);border:1px solid var(--rule);background:var(--paper-2);text-decoration:none;color:var(--ink);position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.resource-link:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-md)}.resource-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--rule);padding-bottom:.6rem}.resource-meta span:first-child{color:var(--accent)}.resource-info h3{font-size:1.16rem;line-height:1.2;margin-bottom:.3rem}.resource-author{font-style:italic;color:var(--ink-2);font-size:.95rem}.resource-arrow{position:absolute;bottom:1.1rem;right:1.2rem;color:var(--ink-faint);font-size:1.1rem;transition:transform .18s ease,color .18s ease}.resource-link:hover .resource-arrow{color:var(--accent);transform:translate(2px,-2px)}.annotate{position:relative;display:inline-block}.annotate svg{position:absolute;pointer-events:none;overflow:visible}.annotate svg path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:0}.annotate--circle svg{left:50%;top:50%;width:168%;height:2.7em;transform:translate(-50%,-50%);z-index:-1}.annotate--underline{display:inline}.annotate--underline svg{left:0;bottom:-.18em;width:100%;height:.55em}footer{border-top:2px solid var(--ink);background:var(--paper-2);padding-block:clamp(3rem,6vw,5rem)}.closing-principle{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,1.2rem + 2vw,2.8rem);line-height:1.12;letter-spacing:-.02em;color:var(--ink);max-width:22ch}.closing-note{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:var(--accent);margin-top:1.2rem}.colophon{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;color:var(--ink-faint);margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--rule)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.annotate.reveal{transform:none}.annotate.reveal svg path{stroke-dashoffset:1400}.annotate.reveal.is-visible svg path{stroke-dashoffset:0;transition:stroke-dashoffset 1s ease .15s}.centered-content.reveal .fork path{stroke-dasharray:400;stroke-dashoffset:400}.centered-content.reveal.is-visible .fork path{stroke-dashoffset:0;transition:stroke-dashoffset .9s ease}.centered-content.reveal.is-visible .fork__branch--no,.centered-content.reveal.is-visible .fork__branch--yes{transition-delay:.25s}@media(max-width:860px){.grid-3{grid-template-columns:1fr 1fr}.pr-guidance-content{grid-template-columns:1fr}.masthead__words{display:none}}@media(max-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{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}