.codex-reader-scope{--paper:#fff;--ink:#202020;--muted:#666;--line:#dedede;--highlight:#e2e2e2;--serif:Georgia, "Times New Roman", serif;--sans:Switzer, "Hch Sticky Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gutter:clamp(1rem, 5vw, 2rem);--edge:44px;--guide-height:calc(62px + env(safe-area-inset-bottom,0px));color:var(--ink);background:var(--paper);font-family:var(--serif);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-gutter:stable;font-size:16px;line-height:normal}.codex-reader-scope *{box-sizing:border-box}.codex-reader-scope{margin:0}.codex-reader-scope article>*{margin-top:0}.codex-reader-scope a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}.codex-reader-scope footer{text-align:inherit;padding-bottom:0}.codex-reader-scope footer a{margin-bottom:0}.codex-reader-scope button{color:inherit;font:inherit;cursor:pointer}.codex-reader-scope button,.codex-reader-scope a{-webkit-tap-highlight-color:transparent}.codex-reader-scope button:focus-visible,.codex-reader-scope a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.codex-reader-scope [tabindex="-1"]:focus,.codex-reader-scope [tabindex="-1"]:focus-visible{outline:none}.codex-reader-scope [hidden]{display:none!important}.codex-reader-scope h1,.codex-reader-scope h2,.codex-reader-scope p{margin:0}.codex-reader-scope h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,7vw,4.75rem);font-weight:400;line-height:1.06}.codex-reader-scope ::selection{background:var(--highlight)}.codex-reader-scope .site-nav,.codex-reader-scope .standalone-nav,.codex-reader-scope .panel-nav{min-height:64px;padding:0 var(--gutter);font:.875rem/1.3 var(--sans);background:var(--paper);justify-content:space-between;align-items:center;display:flex}.codex-reader-scope .site-nav{z-index:12;padding-top:env(safe-area-inset-top);position:relative}.codex-reader-scope .site-nav.hero-nav{color:#f5f5f5;background:0 0;position:absolute;inset:0 0 auto}.codex-reader-scope .hero-nav .wordmark img,.codex-reader-scope .hero-nav .site-menu summary img,.codex-reader-scope .hero-nav .site-account img{filter:none}.codex-reader-scope .site-nav>a,.codex-reader-scope .standalone-nav>a,.codex-reader-scope .panel-nav>a,.codex-reader-scope .panel-nav>button{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.codex-reader-scope .wordmark{position:absolute;left:50%;transform:translate(-50%)}.codex-reader-scope .wordmark img{filter:invert();width:106px;height:auto;display:block}.codex-reader-scope .site-menu summary,.codex-reader-scope .site-account{cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.codex-reader-scope .site-menu summary{list-style:none}.codex-reader-scope .site-menu summary::-webkit-details-marker{display:none}.codex-reader-scope .site-menu summary img{filter:invert();width:18px;height:18px;display:block}.codex-reader-scope .site-account img{filter:invert();width:20px;height:20px;display:block}.codex-reader-scope .site-menu-scrim,.codex-reader-scope .site-menu-panel{display:none}.codex-reader-scope .site-menu[open] .site-menu-scrim{z-index:1;background:#0003;border:0;width:100%;padding:0;display:block;position:fixed;inset:0}.codex-reader-scope .site-menu[open] .site-menu-panel{z-index:2;width:min(277px,100vw - 44px);height:100dvh;padding:max(10px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));color:#fafafa;background:#181818;flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) enter-global-menu;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:8px 0 24px #0003}.codex-reader-scope .site-menu-close{width:44px;min-height:48px;color:inherit;text-align:left;font:29px/1 var(--sans);background:0 0;border:0;align-self:flex-start;padding:0}.codex-reader-scope .site-menu-panel a{min-height:44px;color:inherit;font:1rem/1.4 var(--sans);border-bottom:1px dotted #494949;padding:11px 0;text-decoration:none;display:block}.codex-reader-scope .site-menu-main{margin:7px 0 23px}.codex-reader-scope .site-menu-main a:last-child{border-bottom:0}.codex-reader-scope .site-menu-secondary a{border-bottom:0;min-height:36px;padding:7px 0;font-size:.875rem}.codex-reader-scope .site-menu-secondary a:first-child{border-bottom:1px dotted #494949;margin-bottom:10px;padding-bottom:15px}.codex-reader-scope .site-menu-panel button:focus-visible,.codex-reader-scope .site-menu-panel a:focus-visible{outline-color:#fafafa}.codex-reader-scope .desktop-contents,.codex-reader-scope .desktop-sources,.codex-reader-scope .chapter-number{display:none}.codex-reader-scope .feature-hero{min-height:calc(100vh - var(--guide-height));min-height:calc(100svh - var(--guide-height));padding:max(calc(64px + env(safe-area-inset-top,0px)), 8svh) var(--gutter) clamp(24px, 5svh, 48px);color:#f5f5f5;background:#171717;align-items:center;display:flex}.codex-reader-scope .feature-hero-inner{flex-direction:column;justify-content:center;width:min(100%,56rem);margin:0 auto;display:flex}.codex-reader-scope .feature-hero h1{letter-spacing:-.075em;max-width:10ch;font-size:clamp(4rem,min(17vw,20svh),10rem);line-height:.88}.codex-reader-scope .feature-subhead{max-width:24ch;font:300 clamp(1.35rem, 4.6vw, 1.65rem)/1.22 "Source Serif 4", var(--serif);margin-top:28px}.codex-reader-scope .feature-byline{font:.76rem/1.4 var(--sans);margin-top:20px}.codex-reader-scope .reading-guide{z-index:8;min-height:var(--guide-height);padding:0 max(var(--gutter), calc((100vw - 42rem) / 2)) env(safe-area-inset-bottom,0px);border-bottom:1px solid var(--line);background:var(--paper);font:.75rem/1.3 var(--sans);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:sticky;top:0}.codex-reader-scope .reading-guide a{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;display:flex}.codex-reader-scope .guide-contents{gap:9px;min-width:0}.codex-reader-scope .guide-contents-icon{fill:var(--ink);stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;flex:none;margin-left:6px;display:block}.codex-reader-scope .guide-section-window{white-space:nowrap;flex:1;min-width:0;height:24px;display:block;position:relative;overflow:hidden}.codex-reader-scope .guide-title{white-space:nowrap;font:normal 15px/1.15 var(--serif);letter-spacing:-.015em;will-change:transform, opacity;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.codex-reader-scope .guide-title>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.codex-reader-scope .guide-interviews{white-space:nowrap}.codex-reader-scope .guide-scroll-cue{pointer-events:none;width:24px;height:24px;animation:3.6s ease-in-out infinite guide-scroll-drift;position:absolute;top:19px;left:calc(50% - 12px)}.codex-reader-scope .guide-scroll-cue svg{fill:none;stroke:currentColor;stroke-width:2px;width:24px;height:24px;display:block}.codex-reader-scope .reading-guide:has(.guide-title) .guide-scroll-cue{display:none}.codex-reader-scope #reading-progress{appearance:none;background:var(--line);border:0;width:100%;height:2px;position:absolute;bottom:0;left:0;right:0}.codex-reader-scope #reading-progress::-webkit-progress-bar{background:var(--line)}.codex-reader-scope #reading-progress::-webkit-progress-value{background:var(--ink)}.codex-reader-scope #reading-progress::-moz-progress-bar{background:var(--ink)}.codex-reader-scope .reader-stage{padding-top:3rem}.codex-reader-scope .article-shell{width:min(100% - var(--gutter) * 2, 42rem);margin:0 auto}.codex-reader-scope .article-heading{padding:clamp(3rem,9vw,6rem) 0 3rem}.codex-reader-scope .article-heading h1{max-width:12ch;margin-bottom:1.5rem}.codex-reader-scope .meta{font:.875rem/1.5 var(--sans);color:var(--muted)}.codex-reader-scope .prose{overflow-wrap:break-word;font-size:1.25rem;line-height:1.55}.codex-reader-scope .prose p{text-wrap:pretty;margin-bottom:1.25em}.codex-reader-scope .prose h2,.codex-reader-scope .prose h3{margin:2em 0 1em;font-weight:400;line-height:1.2}.codex-reader-scope .prose hr{background:var(--ink);border:0;width:2rem;height:1px;margin:3rem 0}.codex-reader-scope .prose section{scroll-margin-top:80px}.codex-reader-scope .prose figure{margin:3rem 0}.codex-reader-scope .prose figure img{width:100%;height:auto;display:block}.codex-reader-scope .prose figcaption{font:.8125rem/1.5 var(--sans);color:var(--muted);margin-top:.75rem}.codex-reader-scope .source-link{-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);padding-block:.2em;scroll-margin-top:96px}.codex-reader-scope{--panel-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill-rule='evenodd' d='M2 1.5h8A1.5 1.5 0 0 1 11.5 3v6A1.5 1.5 0 0 1 10 10.5H2A1.5 1.5 0 0 1 .5 9V3A1.5 1.5 0 0 1 2 1.5Zm0 1a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h4.75v-7H2Z'/%3E%3C/svg%3E")}.codex-reader-scope :is(.source-link,.aside-term):after{content:"";vertical-align:.3em;width:.58em;height:.58em;-webkit-mask:var(--panel-mark) center / contain no-repeat;-webkit-mask:var(--panel-mark) center / contain no-repeat;mask:var(--panel-mark) center / contain no-repeat;background:currentColor;margin-left:.22em;display:inline-block}.codex-reader-scope .source-reference{font:.6em/1 var(--sans);vertical-align:.35em;color:var(--muted);white-space:nowrap;margin-inline:-.25em;padding:max(.45em,12px - .5em) .5em;text-decoration:none;display:inline}.codex-reader-scope .source-reference:before{content:"⁠"}.codex-reader-scope .source-reference:after{content:none}.codex-reader-scope .source-link:target,.codex-reader-scope .source-link.returned{background:var(--highlight)}.codex-reader-scope .article-footer{border-top:1px solid var(--line);font:.875rem/1.6 var(--sans);margin:4rem 0 6rem;padding-top:1.5rem}.codex-reader-scope .article-footer p{color:var(--muted);margin-bottom:1rem}.codex-reader-scope .detour{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.codex-reader-scope .detour::backdrop{opacity:0;background:#0000006b;transition:opacity .18s cubic-bezier(.4,0,1,1)}.codex-reader-scope .detour.is-visible::backdrop{opacity:1;transition-duration:.24s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.codex-reader-scope .panel{width:min(calc(100% - var(--edge)), 42rem);background:var(--paper);border-left:1px solid var(--line);flex-direction:column;transition:transform .18s cubic-bezier(.4,0,1,1);display:flex;position:absolute;inset:0 0 0 auto;transform:translate(100%)}.codex-reader-scope .detour[data-side=left] .panel{border-left:0;border-right:1px solid var(--line);inset:0 auto 0 0;transform:translate(-100%)}.codex-reader-scope .detour.is-visible .panel{transition-duration:.24s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(0)}.codex-reader-scope .panel-nav{z-index:2;min-height:calc(62px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top);flex:none;gap:1rem;padding-bottom:1px;position:sticky;top:0}.codex-reader-scope .panel-close{background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.codex-reader-scope .panel-icon{width:24px;height:24px;display:block;position:relative}.codex-reader-scope .panel-icon>span{background:currentColor;width:16px;height:2px;transition:transform .15s cubic-bezier(.22,1,.36,1),opacity .12s ease-out;position:absolute;top:11px;left:4px}.codex-reader-scope .icon-diagonal-up{transform:rotate(-45deg)}.codex-reader-scope .icon-diagonal-down{transform:rotate(45deg)}.codex-reader-scope .icon-shaft{transform-origin:0;opacity:0;transform:scaleX(0)}.codex-reader-scope .detour[data-view=interview] .icon-diagonal-up{transform:translate(-5px,-3px)rotate(-45deg)scaleX(.55)}.codex-reader-scope .detour[data-view=interview] .icon-diagonal-down{transform:translate(-5px,3px)rotate(45deg)scaleX(.55)}.codex-reader-scope .detour[data-view=interview] .icon-shaft{opacity:1;transform:scaleX(1)}.codex-reader-scope .detour[data-side=left] .panel-close{margin-left:auto}.codex-reader-scope .panel-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.codex-reader-scope .panel-content{padding:1.5rem var(--gutter) max(3rem, env(safe-area-inset-bottom))}.codex-reader-scope .detour[data-view=companion] .panel-nav{min-height:calc(54px + env(safe-area-inset-top,0px));padding-top:calc(8.5px + env(safe-area-inset-top,0px));padding-bottom:1.5px}.codex-reader-scope .detour[data-view=companion] .panel-content{padding-top:0}.codex-reader-scope .panel-content h1,.codex-reader-scope .standalone h1{letter-spacing:-.035em;margin-bottom:2rem;font-size:clamp(2rem,5vw,2.75rem)}.codex-reader-scope .detour[data-view=contents] .panel-content h1{font:500 1.5rem/1.2 var(--sans);letter-spacing:-.025em;margin-bottom:1rem}.codex-reader-scope .contents-list{margin:0;padding:0;list-style:none}.codex-reader-scope .contents-list a{border-bottom:1px solid var(--line);min-height:56px;font:normal 15px/1.2 var(--serif);letter-spacing:-.015em;align-items:center;padding:.75rem 0 .75rem 1rem;text-decoration:none;display:flex;position:relative}.codex-reader-scope .contents-list a:before{content:"";background:0 0;border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:1px}.codex-reader-scope .contents-list [aria-current=location]:before{background:var(--ink)}.codex-reader-scope .interview-heading{margin-bottom:2.5rem}.codex-reader-scope .interview-heading h1{margin-bottom:.75rem}.codex-reader-scope .transcript{overflow-wrap:break-word;font-size:1.125rem;line-height:1.55}.codex-reader-scope .turn{margin-bottom:1.75rem;scroll-margin-top:1.5rem}.codex-reader-scope .turn.continuation{margin-top:-.75rem}.codex-reader-scope .turn>[data-citation-context]>.meta{margin-bottom:.5rem}.codex-reader-scope .turn>p+[data-citation-context]>.meta{margin:.5rem 0 0}.codex-reader-scope .speaker{font:.8125rem/1.5 var(--sans);flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:.5rem;display:flex}.codex-reader-scope .speaker span{font-weight:600}.codex-reader-scope .timestamp{color:var(--muted);font-variant-numeric:tabular-nums;text-decoration:none}.codex-reader-scope mark{color:inherit;background:var(--highlight)}.codex-reader-scope .turn:not(:target):not(.is-target) mark{background:0 0}.codex-reader-scope .speaker-name{min-width:0}.codex-reader-scope .speaker-article-links{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:.25rem .75rem;min-width:5rem;display:flex}.codex-reader-scope .article-reference{white-space:nowrap;min-height:44px;font:.8125rem/1.5 var(--sans);color:var(--muted);align-items:center;display:inline-flex}.codex-reader-scope .source-footer{border-top:1px solid var(--line);font:.875rem/1.5 var(--sans);margin-top:3rem;padding-top:1.5rem}.codex-reader-scope .standalone{width:min(100% - var(--gutter) * 2, 38rem);margin:3rem auto 5rem}.codex-reader-scope .standalone-nav{z-index:1;position:sticky;top:0}.codex-reader-scope .standalone .turn{scroll-margin-top:80px}.codex-reader-scope .sr-only,.codex-reader-scope .skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.codex-reader-scope .skip-link:focus{z-index:3;background:var(--paper);padding:.75rem;position:fixed;top:.5rem;left:.5rem}.codex-reader-scope .loading,.codex-reader-scope .load-error{font:1rem/1.6 var(--sans)}.codex-reader-scope .load-error a{margin-top:1rem;display:inline-block}@keyframes enter-global-menu{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes guide-scroll-drift{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media (min-width:48rem){.codex-reader-scope .prose{font-size:1.375rem;line-height:1.5}.codex-reader-scope .panel-content{padding-top:2rem}.codex-reader-scope .transcript{font-size:1.25rem}}@media (min-width:64rem){.codex-reader-scope{--desktop-rail:clamp(10rem, 15vw, 13rem);--desktop-gap:clamp(3rem, 5vw, 5rem);--desktop-stage-width:112rem;--desktop-content-width:calc(min(100vw, var(--desktop-stage-width)) - var(--gutter) * 2);--desktop-art-width:max(10rem, calc((var(--desktop-content-width) - var(--desktop-gap) * 2 - 42rem) / 2));--desktop-toc-offset:calc((100vw - var(--desktop-section-width)) / 6 - 12px - (100vw - var(--desktop-content-width)) / 2);--desktop-section-width:min(var(--desktop-content-width), calc(100vw - 168px))}.codex-reader-scope .feature-hero{min-height:calc(100svh - 3rem - 68px)}.codex-reader-scope .reading-guide{display:none}.codex-reader-scope .reader-stage{gap:var(--desktop-gap);max-width:var(--desktop-stage-width);padding:3rem var(--gutter) 0;grid-template-columns:minmax(10rem,1fr) minmax(0,42rem) minmax(10rem,1fr);margin:0 auto;display:grid}.codex-reader-scope .article-shell{width:100%;min-width:0}.codex-reader-scope .desktop-contents,.codex-reader-scope .desktop-sources{z-index:8;align-self:start;width:100%;display:block;position:sticky;top:2rem}.codex-reader-scope .desktop-contents{width:60px;margin-left:var(--desktop-toc-offset);justify-self:start;padding:0;top:50dvh;overflow:visible;transform:translateY(max(12px - 50dvh,-50%))}.codex-reader-scope .desktop-contents .contents-list{margin:0;padding:0;list-style:none}.codex-reader-scope .desktop-contents .contents-list li{position:relative}.codex-reader-scope .desktop-contents .contents-list a:before{display:none}.codex-reader-scope .desktop-contents .contents-list a{--tick-scale:.4;width:60px;min-height:44px;color:var(--hch-spot-ink);border:0;align-items:center;padding:0;font-size:.875rem;line-height:1.35;text-decoration:none;display:flex;position:relative}.codex-reader-scope .desktop-contents .chapter-tick{opacity:.8;transform:scaleX(var(--tick-scale));transform-origin:0;flex:none;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .12s linear;overflow:visible}.codex-reader-scope .desktop-contents .contents-list a[aria-current=location]{--tick-scale:1}.codex-reader-scope .desktop-contents [aria-current=location] .chapter-tick{opacity:1}.codex-reader-scope .desktop-contents .chapter-tooltip{z-index:1;width:max-content;max-width:min(20rem,100vw - 8rem);color:var(--paper);background:var(--hch-spot-ink);opacity:0;clip-path:inset(50%);pointer-events:none;overflow-wrap:anywhere;border-radius:0;padding:.65rem .875rem;transition:opacity .12s linear,transform .18s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:60px;transform:translate(4px,-50%)}.codex-reader-scope .desktop-contents li:has(>a:is(:hover,:focus-visible))>a{--tick-scale:1}.codex-reader-scope .desktop-contents li:has(+li>a:is(:hover,:focus-visible))>a{--tick-scale:.75}.codex-reader-scope .desktop-contents li:has(>a:is(:hover,:focus-visible))+li>a{--tick-scale:.75}.codex-reader-scope .desktop-contents li:has(+li+li>a:is(:hover,:focus-visible))>a{--tick-scale:.5}.codex-reader-scope .desktop-contents li:has(>a:is(:hover,:focus-visible))+li+li>a{--tick-scale:.5}.codex-reader-scope .desktop-contents a:is(:hover,:focus-visible) .chapter-tick{opacity:1}.codex-reader-scope .desktop-contents a:is(:hover,:focus-visible) .chapter-tooltip{opacity:1;clip-path:none;pointer-events:auto;transform:translateY(-50%)}.codex-reader-scope .desktop-contents .contents-list a:hover{text-decoration:none}.codex-reader-scope .desktop-sources{font:.8125rem/1.4 var(--sans);flex-direction:column;align-items:flex-end;display:flex}.codex-reader-scope .desktop-sources a{align-items:center;gap:.5rem;min-height:44px;text-decoration:none;display:inline-flex}.codex-reader-scope .desktop-sources a+a{color:var(--muted)}}@media (min-width:64rem) and (hover:none){.codex-reader-scope .desktop-contents a:focus{--tick-scale:1}.codex-reader-scope .desktop-contents a:focus .chapter-tooltip{opacity:1;clip-path:none;pointer-events:auto;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.codex-reader-scope .desktop-contents :is(.chapter-tick,.chapter-tooltip){transition:none}}@media (hover:hover){.codex-reader-scope .site-nav a:hover,.codex-reader-scope .reading-guide a:hover,.codex-reader-scope .desktop-sources a:hover,.codex-reader-scope .contents-list a:hover{text-decoration:underline}.codex-reader-scope .source-link:hover{text-decoration-style:solid}}@media (prefers-reduced-motion:reduce){.codex-reader-scope .panel,.codex-reader-scope .detour::backdrop,.codex-reader-scope .panel-icon>span{transition:none!important}.codex-reader-scope .site-menu-panel,.codex-reader-scope .guide-scroll-cue{animation:none!important}.codex-reader-scope .guide-title{will-change:auto}}@media print{.codex-reader-scope{width:auto!important;position:static!important}.codex-reader-scope .site-nav,.codex-reader-scope .reading-guide,.codex-reader-scope .desktop-contents,.codex-reader-scope .desktop-sources,.codex-reader-scope .detour,.codex-reader-scope .skip-link,.codex-reader-scope .source-link:after{display:none}.codex-reader-scope .feature-hero{min-height:0;color:var(--ink);background:0 0;padding:0 0 2rem}.codex-reader-scope .feature-hero-inner{min-height:0;position:static}.codex-reader-scope .feature-hero h1{font-size:3rem}.codex-reader-scope .reader-stage{padding:0;display:block}.codex-reader-scope .article-shell{width:100%}.codex-reader-scope .article-heading{padding-top:0}}.codex-reader-scope .prose{color:var(--ink);max-width:none}@media (min-width:64rem){.codex-reader-scope .site-nav.hero-nav{top:12px}}.codex-reader-scope :is(section[data-chapter],.panel-content h1,.panel-content h2)[tabindex="-1"]:focus{outline:none}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:300;font-display:swap;src:url(/how-codex-happened/fonts/source-serif-4-light-latin.woff2)format("woff2")}.codex-reader-scope .eyebrow{font:.6875rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.codex-reader-scope .text-button{font:inherit;text-underline-offset:.2em;background:0 0;border:0;min-height:44px;padding:.5rem 0;text-decoration:underline}.codex-reader-scope .action{background:var(--ink);border:1px solid var(--ink);min-height:48px;color:var(--paper);font:.875rem/1.4 var(--sans);justify-content:center;align-items:center;padding:.75rem 1.1rem;text-decoration:none;display:inline-flex}.codex-reader-scope .action:disabled{opacity:.6;cursor:wait}.codex-reader-scope .article-heading{padding-bottom:2.5rem}.codex-reader-scope .article-heading>.eyebrow,.codex-reader-scope .article-heading h1{margin-bottom:1.25rem}.codex-reader-scope .article-deck{font:1.375rem/1.45 var(--serif);text-wrap:pretty;max-width:36ch;margin-bottom:1.75rem}.codex-reader-scope .article-byline{font:.8125rem/1.5 var(--sans);justify-content:space-between;gap:1rem;margin-bottom:.4rem;display:flex}.codex-reader-scope .heading-actions{font:.8125rem/1.5 var(--sans);flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin-top:1rem;display:flex}.codex-reader-scope .heading-actions a{align-items:center;min-height:44px;display:inline-flex}.codex-reader-scope .graphic-study{margin:3rem 0}.codex-reader-scope .graphic-placeholder{aspect-ratio:3/2;border:1px solid var(--line);background:#f3f3f3;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-width:0;min-height:clamp(12rem,50vw,15rem);padding:1.25rem;display:flex}.codex-reader-scope .graphic-label{font:1.25rem/1.35 var(--serif);max-width:24ch;color:var(--muted)}.codex-reader-scope .graphic-study figcaption{color:var(--muted);font:.75rem/1.5 var(--sans);margin-top:.75rem}.codex-reader-scope .hero-study{margin:0 0 2.5rem}.codex-reader-scope .hero-study .graphic-label{font-size:clamp(1.4rem,4vw,2rem)}.codex-reader-scope .companion-intro{border-block:0;margin-bottom:3rem;padding:1.5rem 0;position:relative}.codex-reader-scope .companion-intro p{font:.875rem/1.6 var(--sans);max-width:62ch;margin-bottom:.75rem}.codex-reader-scope .companion-intro>a{font:.8125rem/1.5 var(--sans);align-items:center;gap:.4rem;min-height:44px;display:inline-flex}.codex-reader-scope .section-heading{border-top:1px solid var(--line);margin:4rem 0 2rem;padding-top:.75rem}.codex-reader-scope .prose>section:first-of-type .section-heading{margin-top:0}.codex-reader-scope .prose .section-heading h2{letter-spacing:-.035em;text-wrap:balance;margin:.65rem 0 0;font-size:clamp(1.9rem,5vw,2.75rem);line-height:1.1}.codex-reader-scope .prose .pull-quote{margin:3.5rem 0;scroll-margin-top:2rem}.codex-reader-scope .pull-quote:focus{outline:none}.codex-reader-scope .pull-quote blockquote{margin:0}.codex-reader-scope .prose .pull-quote blockquote p,.codex-reader-scope .prose .pull-quote-text{max-width:27ch;font-family:"Source Serif 4", var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(2rem,1.25rem + 3vw,3rem);font-weight:300;line-height:1.17}.codex-reader-scope .prose .pull-quote figcaption{flex-wrap:wrap;align-items:center;gap:0 1.25rem;margin:0;display:flex}.codex-reader-scope .pull-quote-source{align-items:center;gap:.3em;min-height:44px;display:inline-flex}.codex-reader-scope .desktop-sources>a[data-open=companion],.codex-reader-scope .reading-guide>a[data-open=companion],.codex-reader-scope .prose .article-application>a[data-apply-skill]{color:var(--hch-text-ink,#0078ab);text-decoration-color:currentColor}.codex-reader-scope .prose .source-link[data-prominence=detour],.codex-reader-scope .prose .aside-term{color:var(--hch-spot-ink,#0092d1);font-weight:inherit;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:color-mix(in srgb, var(--hch-spot-ink,#0092d1) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--hch-spot-ink,#0092d1) 55%, transparent);text-underline-offset:.22em;text-decoration-thickness:.06em}@media (hover:hover){.codex-reader-scope .prose :is(.source-link[data-prominence=detour],.aside-term):hover{-webkit-text-decoration-color:var(--hch-spot-ink,#0092d1);text-decoration-color:var(--hch-spot-ink,#0092d1)}}.codex-reader-scope .portrait-placeholder{border:1px solid var(--line);width:44px;height:54px;color:var(--muted);background:#f3f3f3;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.codex-reader-scope .portrait-placeholder>span{font:.75rem/1 var(--sans);letter-spacing:.05em}.codex-reader-scope .interview-heading>.portrait-placeholder{margin-bottom:1rem}.codex-reader-scope .transcript-share{font:.8125rem/1.5 var(--sans)}.codex-reader-scope .source-footer p{color:var(--muted);margin-bottom:1rem}.codex-reader-scope .source-footer>a{margin:0 1.5rem .5rem 0;display:inline-block}.codex-reader-scope .article-footer{border-top:0;margin-bottom:7rem;padding-top:0}.codex-reader-scope .story-end{font:600 1.1rem/1 var(--sans);letter-spacing:-.055em;margin-bottom:3rem}.codex-reader-scope .ending{padding:var(--reader-entry-inset-block,1rem) var(--reader-entry-inset-inline,clamp(1.25rem,6vw,1.5rem));font:.875rem/1.6 var(--sans);border:1px solid #999;position:relative}.codex-reader-scope .ending p{max-width:58ch;color:var(--ink);margin-bottom:1rem}.codex-reader-scope .ending .action{margin-right:1rem}.codex-reader-scope .article-credits{grid-template-columns:1fr;gap:.75rem;margin:0;font-weight:400;display:grid}.codex-reader-scope .article-credits strong{color:var(--ink);font-weight:700}.codex-reader-scope .article-credits p{overflow-wrap:break-word;margin:0}.codex-reader-scope .article-credits .credit-names{display:inline-block}.codex-reader-scope .article-credits .credit-names a{white-space:nowrap}.codex-reader-scope .reporting-note{font:.875rem/1.6 var(--sans);border-block:0;padding:1.5rem 0;position:relative}.codex-reader-scope .reporting-note summary{cursor:pointer;min-height:44px}.codex-reader-scope .reporting-note>a{align-items:center;min-height:44px;display:inline-flex}.codex-reader-scope .reporting-note[open] summary,.codex-reader-scope .reporting-note p{margin-bottom:1rem}.codex-reader-scope .end-links{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1rem;font-size:.75rem;display:flex}.codex-reader-scope .end-links>a{align-items:center;min-height:44px;display:inline-flex}.codex-reader-scope .sources-page{font:1rem/1.65 var(--sans);padding-bottom:2rem}.codex-reader-scope .sources-page h1{font-family:var(--serif);font-size:clamp(2.75rem,6vw,4rem);line-height:1.05}.codex-reader-scope .sources-page>section{margin-top:3rem}.codex-reader-scope .sources-page h2{font:1.75rem/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:1rem}.codex-reader-scope .copy-fallback{border:1px solid var(--line);width:100%;color:var(--ink);font:.875rem/1.5 var(--sans);resize:vertical;background:#f3f3f3;border-radius:0;min-height:100px;padding:1rem;display:block}.codex-reader-scope .source-index,.codex-reader-scope .external-source-list{margin:1rem 0 0;padding:0;list-style:none}.codex-reader-scope .source-index li,.codex-reader-scope .external-source-list li{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:.85rem 0}.codex-reader-scope .source-index span,.codex-reader-scope .external-source-list small{font:.75rem/1.5 var(--sans);color:var(--muted);margin-top:.25rem;display:block}@media (min-width:48rem){.codex-reader-scope .article-deck{font-size:1.6rem}.codex-reader-scope .hero-study .graphic-placeholder{aspect-ratio:2}}@media (min-width:60rem){.codex-reader-scope .prose .pull-quote{margin-inline:-4rem}}@media (min-width:64rem){.codex-reader-scope .prose .pull-quote{margin-inline:calc(1rem - var(--desktop-gap))}.codex-reader-scope .article-footer{margin-bottom:4rem}}@media print{.codex-reader-scope .heading-actions,.codex-reader-scope .companion-intro,.codex-reader-scope .pull-quote,.codex-reader-scope .graphic-study{-moz-column-break-inside:avoid;break-inside:avoid}}.codex-reader-scope .article-footer :is(.ending,.reporting-note) .footer-pen-rule{pointer-events:none;width:100%;height:2px;color:var(--ink);position:absolute;left:0}.codex-reader-scope .footer-pen-rule[data-footer-pen-edge=top]{top:0}.codex-reader-scope .footer-pen-rule[data-footer-pen-edge=bottom]{bottom:0}.codex-reader-scope .footer-pen-rule[data-companion-ruled]>[data-footer-rule-fallback]{visibility:hidden}.codex-reader-scope .reporting-note summary{list-style:none}.codex-reader-scope .reporting-note summary::-webkit-details-marker{display:none}.codex-reader-scope .footer-disclosure,.codex-reader-scope .reader-external-arrow{vertical-align:middle;display:inline-block;overflow:visible}.codex-reader-scope .reporting-note[open] .footer-disclosure{transform:rotate(180deg)}.codex-reader-scope .guide-contents-icon{fill:none;stroke:currentColor}.codex-reader-scope .panel-icon>span{background:0 0}.codex-reader-scope .panel-icon>span>svg{display:block;overflow:visible}.codex-reader-scope .article-footer{border-top:0;position:relative}.codex-reader-scope .article-footer>.footer-pen-rule{pointer-events:none;width:100%;height:2px;color:var(--ink);position:absolute;top:0;left:0}.codex-reader-scope .closing-illustration{overflow:hidden}.codex-reader-scope .closing-art-world{width:max(100%,1280px);position:relative;left:50%;transform:translate(-50%)}.codex-reader-scope .closing-art-world>img{width:100%;height:auto;display:block}.codex-reader-scope .closing-art-world>.article-credits{text-align:center;width:18.6688%;height:22.6293%;font:400 clamp(1rem,1.2vw,1.25rem)/1.45 var(--sans);color:var(--ink);flex-direction:column;justify-content:center;display:flex;position:absolute;top:35.5603%;left:40.9903%}.codex-reader-scope .closing-art-world .article-credits p{color:var(--ink)}.codex-reader-scope .closing-art-world .article-credits a{color:inherit;text-underline-offset:.18em}@media (max-width:47.999rem){.codex-reader-scope .closing-art-world{margin-top:-11rem}}@media print{.codex-reader-scope .closing-illustration{-moz-column-break-inside:avoid;break-inside:avoid;margin:1rem 0}.codex-reader-scope .closing-art-world{width:auto;margin:0;left:auto;transform:none}.codex-reader-scope .closing-art-world>img{display:none}.codex-reader-scope .closing-art-world>.article-credits{width:auto;height:auto;font-size:12pt;position:static}}.codex-reader-scope .prose [data-source-underlined],.codex-reader-scope .aside-note-body [data-source-underlined]{text-decoration:none}.codex-reader-scope [data-source-underline]{background-image:var(--hch-source-underline);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 100%;background-repeat:no-repeat;background-size:100% 6px;padding-bottom:.15em}.codex-reader-scope .source-link[data-prominence=detour][aria-expanded=true]{background-color:color-mix(in srgb,var(--hch-spot-ink,#0092d1) 22%,transparent)}@media print{.codex-reader-scope [data-source-underline]{background:0 0;text-decoration:underline}}.codex-reader-scope #article-body :is(.article-original-block,[data-author-bio]) a[href]:not([class]){text-underline-offset:.18em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration:underline #999;text-decoration:underline #999;text-decoration-thickness:1px}.codex-reader-scope #article-body :is(.article-original-block,[data-author-bio]) a[href]:not([class]):hover{color:var(--hch-spot-ink);-webkit-text-decoration-color:var(--hch-spot-ink);text-decoration-color:var(--hch-spot-ink)}
.codex-reader-scope .aside-term{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;transition:background-color .15s}.codex-reader-scope .aside-term[aria-expanded=true]{background:color-mix(in srgb, var(--hch-spot-ink,#0092d1) 22%, transparent)}.codex-reader-scope .aside-note .eyebrow{margin-bottom:.75rem}.codex-reader-scope .panel-content .aside-note h1,.codex-reader-scope .standalone .aside-note h1{font:500 1.5rem/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 1.5rem}.codex-reader-scope .aside-note-body{overflow-wrap:break-word;font-size:1.125rem;line-height:1.55}.codex-reader-scope .aside-note-body p{text-wrap:pretty;margin-bottom:1.1em}.codex-reader-scope .aside-note-body .source-link[data-prominence=detour]{color:var(--hch-spot-ink,#0092d1);-webkit-text-decoration:underline solid color-mix(in srgb, var(--hch-spot-ink,#0092d1) 55%, transparent);-webkit-text-decoration:underline solid color-mix(in srgb, var(--hch-spot-ink,#0092d1) 55%, transparent);text-decoration:underline solid color-mix(in srgb, var(--hch-spot-ink,#0092d1) 55%, transparent);text-underline-offset:.22em;text-decoration-thickness:.06em}@media (min-width:48rem){.codex-reader-scope .aside-note-body{font-size:1.25rem}}@media print{.codex-reader-scope .aside-term{background:0 0;text-decoration:none}.codex-reader-scope .aside-term:after{display:none}.codex-reader-scope .article-original-block[data-aside-source][hidden]{display:block!important}.codex-reader-scope span[data-aside-source][hidden]{display:inline!important}}
.codex-reader-scope .companion{font:.875rem/1.5 var(--sans)}.codex-reader-scope .companion h1{font:500 1.5rem/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 .75rem}.codex-reader-scope .companion-orientation{color:var(--muted);margin-bottom:1rem;font-size:.8125rem}.codex-reader-scope .agent-start{border:1px solid var(--ink);background:var(--ink);width:100%;min-height:48px;color:var(--paper);font:.8125rem/1.4 var(--sans);text-align:left;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem;display:flex}.codex-reader-scope .agent-start svg,.codex-reader-scope .prompt-copy svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.codex-reader-scope .companion-section:not([hidden])~.companion-section:not([hidden]){margin-top:2rem}.codex-reader-scope .companion-section h2{font:500 .8125rem/1.4 var(--sans);color:var(--muted);margin:0 0 .75rem}.codex-reader-scope .companion-interviews{margin:0;padding:0;list-style:none}.codex-reader-scope .companion-interviews li+li{margin-top:1.25rem}.codex-reader-scope .companion-person{text-underline-offset:.2em;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.codex-reader-scope .companion-person strong{font-size:.9375rem;font-weight:500}.codex-reader-scope .companion-role{color:var(--muted);margin:-.25rem 0 .625rem;font-size:.75rem}.codex-reader-scope .prompt-row{border:1px solid var(--line);min-width:0;position:relative}.codex-reader-scope .prompt-disclosure summary{cursor:pointer;align-items:center;gap:.375rem;min-height:44px;padding:.5rem 48px .5rem .5rem;font-size:.8125rem;list-style:none;display:flex}.codex-reader-scope .prompt-disclosure summary::-webkit-details-marker{display:none}.codex-reader-scope .prompt-disclosure summary>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.codex-reader-scope .prompt-disclosure summary svg{fill:none;stroke:currentColor;stroke-width:1.25px;flex:none}.codex-reader-scope .prompt-disclosure[open] .prompt-plus{display:none}.codex-reader-scope .prompt-disclosure summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.codex-reader-scope .prompt-body{border-top:1px solid var(--line);color:#666;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f3f3;margin:0;padding:.75rem;font:.75rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.codex-reader-scope .prompt-body code{font:inherit}.codex-reader-scope .prompt-copy{border:0;border-left:1px solid var(--line);background:0 0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:0;right:0}.codex-reader-scope .prompt-copy .copied-icon,.codex-reader-scope .agent-start .copied-icon,.codex-reader-scope [data-copied] .copy-icon{display:none}.codex-reader-scope .prompt-copy[data-copied] .copied-icon,.codex-reader-scope .agent-start[data-copied] .copied-icon{display:block}.codex-reader-scope .starter-prompts .prompt-row+.prompt-row{margin-top:.5rem}.codex-reader-scope .companion-case{align-items:center;gap:.5rem;min-height:44px;margin-top:.75rem;font-size:.8125rem;display:inline-flex}.codex-reader-scope .companion-download{border-top:1px solid var(--line);color:var(--muted);font:.75rem/1.5 var(--sans);margin-top:2rem;padding-top:.75rem}.codex-reader-scope .companion-download a{align-items:center;min-height:44px;display:inline-flex}.codex-reader-scope .transcript-download{margin:.5rem 0 1rem}.codex-reader-scope .transcript-download a{align-items:center;min-height:44px;display:inline-flex}.codex-reader-scope .companion-tabs{border-bottom:1px solid var(--line);gap:1.5rem;margin:0 0 1.5rem;display:flex}.codex-reader-scope .companion-tabs button{min-height:44px;color:var(--muted);font:.875rem/1.4 var(--sans);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 .625rem}.codex-reader-scope .companion-tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.codex-reader-scope .companion[data-layout=tabs] .companion-section{margin-top:0}.codex-reader-scope .companion[data-layout=tabs] .companion-section>h2{display:none}@media (hover:hover){.codex-reader-scope .companion-person:hover{text-decoration-thickness:2px}.codex-reader-scope .prompt-copy:hover,.codex-reader-scope .prompt-disclosure summary:hover{background:#20202008}}.codex-reader-scope .companion[data-option="2"] .companion-interviews li+li,.codex-reader-scope .companion[data-option="3"] .companion-interviews li+li,.codex-reader-scope .companion[data-option="4"] .companion-interviews li+li{margin-top:.25rem}.codex-reader-scope .companion[data-option="3"] .companion-starters{margin-bottom:2rem}.codex-reader-scope .agent-start.agent-header-action{border-color:var(--line);width:auto;min-width:0;max-width:15rem;min-height:44px;color:var(--ink);background:0 0;gap:.625rem;margin:0 0 0 auto;padding:.5rem .625rem;font-size:.75rem;line-height:1.25}.codex-reader-scope .panel-nav:has(.agent-header-action){gap:.5rem}.codex-reader-scope .companion[data-refined]>.agent-header-action{margin-bottom:1.5rem}.codex-reader-scope .companion[data-refined] .companion-section h2{font:500 1.5rem/1.2 var(--sans);letter-spacing:-.025em;color:var(--ink);margin-bottom:1.25rem}.codex-reader-scope .companion[data-option="2"] #companion-prompts{margin-top:2.5rem;padding-top:1.75rem}.codex-reader-scope .companion[data-option="2"] .companion-download{border-top:0}.codex-reader-scope .companion[data-refined] .companion-tabs{gap:1.75rem;margin-bottom:1rem}.codex-reader-scope .companion[data-refined] .companion-tabs button{letter-spacing:-.02em;font-size:1.25rem;font-weight:500}.codex-reader-scope .companion-tab-intro{color:var(--muted);font:.8125rem/1.5 var(--sans);margin:0 0 1.25rem}.codex-reader-scope .companion[data-option="2"] .companion-section h2{margin-bottom:.375rem}.codex-reader-scope .companion[data-option="2"] .companion-tab-intro{margin-bottom:1.25rem;font-size:.75rem;line-height:1.5}.codex-reader-scope .companion .companion-interview-row{border:0;border-bottom:1px solid var(--line);flex-flow:wrap;justify-content:space-between;align-items:center;gap:.125rem .75rem;min-height:48px;padding:.75rem 0;text-decoration:none;display:flex;position:relative}.codex-reader-scope .companion .companion-interviews li+li{margin-top:0}.codex-reader-scope .companion .companion-person{min-height:0;font-size:.875rem;line-height:1.5;text-decoration:none;display:block}.codex-reader-scope .companion .companion-person strong{font-size:.875rem;font-weight:400}.codex-reader-scope .companion .companion-role{text-align:right;margin:0 0 0 auto;display:block}.codex-reader-scope .companion .growth-locked-interview{padding-right:2rem}@media (hover:hover){.codex-reader-scope .companion .companion-interview-row:hover{background:#20202008}}.codex-reader-scope .companion-reading-top{margin-bottom:1.5rem}.codex-reader-scope .companion-reading-top .method-instruction{margin-bottom:.75rem}.codex-reader-scope .companion-reading-top .method-apps{flex-wrap:wrap}.codex-reader-scope .companion-reading-top .method-apps a{background:0 0;border-radius:0}.codex-reader-scope .companion-pdf{min-height:44px;font:.8125rem/1.5 var(--sans);align-items:center;margin-top:.5rem;display:inline-flex}.codex-reader-scope [data-reader-edition=gift] :is(.growth-catalog-ad,.growth-sticky,[data-module-entry=event],[data-module-entry=course-ch2]){display:none}.codex-reader-scope .reader-edition{display:contents}.codex-reader-scope .companion-reading-line{flex-wrap:wrap;align-items:center;gap:.375rem .625rem;display:flex}.codex-reader-scope .companion-reading-line .method-instruction{flex:0 auto;margin:0}.codex-reader-scope .companion-reading-line .reading-app-options{--reading-app-gap:.5rem;align-items:center;gap:var(--reading-app-gap);flex-wrap:wrap;flex:13rem;min-width:0}.codex-reader-scope .reading-app-options>a{flex:none}.codex-reader-scope .reading-pdf-slot{flex:none;margin-inline-start:auto;padding-inline-start:var(--reading-app-gap)}.codex-reader-scope .reading-pdf-slot .companion-pdf{width:auto;min-width:44px;font:.8125rem/1.5 var(--sans);border:0;border-radius:0;margin:0;padding:0;text-decoration:underline}.codex-reader-scope .companion-reading-line .reading-app-options{row-gap:calc(var(--reading-app-gap) * 2)}.codex-reader-scope .companion .companion-skills li>a{align-items:center;min-height:48px;display:flex}.codex-reader-scope .reading-pdf-row{-moz-column-gap:1.5rem;flex-wrap:wrap;align-items:center;column-gap:1.5rem;display:flex}.codex-reader-scope .companion-copy-prompt{appearance:none;color:inherit;cursor:pointer;min-height:44px;font:.8125rem/1.5 var(--sans);background:0 0;border:0;border-radius:0;margin:0;padding:0}.codex-reader-scope .companion-copy-prompt:focus-visible{outline-offset:2px;outline:2px solid}.codex-reader-scope .companion-module-launch .companion-copy-row{flex-basis:100%;margin:.25rem 0 0}.codex-reader-scope :is(.aside-note-body,.companion-module-detail,.transcript) p:not(.application-note) a[href]:not([class]):not([data-source]):not([data-skill]):not([data-open]):not([data-reader-button]):not([data-prompt-app]){text-underline-offset:.18em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration:underline #999;text-decoration:underline #999;text-decoration-thickness:1px}.codex-reader-scope :is(.aside-note-body,.companion-module-detail,.transcript) p:not(.application-note) a[href]:not([class]):not([data-source]):not([data-skill]):not([data-open]):not([data-reader-button]):not([data-prompt-app]):hover{color:var(--hch-spot-ink);-webkit-text-decoration-color:var(--hch-spot-ink);text-decoration-color:var(--hch-spot-ink)}
.codex-reader-scope .responsive-metadata-row{flex-direction:column;justify-content:center;display:flex}@media (min-width:23.4375rem){.codex-reader-scope .responsive-metadata-row{-moz-column-gap:.5rem;flex-flow:wrap;justify-content:space-between;align-items:center;column-gap:.5rem}.codex-reader-scope .responsive-metadata-row>:last-child{margin:0;text-align:right;margin-inline-start:auto}}
.codex-reader-scope .application-label{color:var(--muted);font:.75rem/1.5 var(--sans);margin:0 0 .75rem}.codex-reader-scope .skill-application{font:.875rem/1.6 var(--sans)}.codex-reader-scope .skill-application h1{font:500 1.5rem/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 1.5rem}.codex-reader-scope .skill-application h2{font:500 1.25rem/1.3 var(--sans);letter-spacing:-.02em;margin:.5rem 0 1rem}.codex-reader-scope .application-note{font:.8125rem/1.5 var(--sans);color:var(--muted);margin:.75rem 0}.codex-reader-scope .skill-application button,.codex-reader-scope .skill-application summary{min-height:44px;font:inherit;color:inherit;cursor:pointer;padding:.65rem 0}.codex-reader-scope .skill-application button{text-underline-offset:.2em;text-align:left;background:0 0;border:0;text-decoration:underline}.codex-reader-scope .personal-application{border:1px solid var(--line);overflow-wrap:anywhere;background:#f3f3f3;margin:0 0 .5rem;padding:1.25rem}.codex-reader-scope .application-context{margin:1rem 0 .5rem;font-size:.8125rem}.codex-reader-scope .personal-application>p:last-of-type{margin-bottom:.5rem}.codex-reader-scope .personal-application details{color:var(--muted);font-size:.75rem}.codex-reader-scope .application-question{padding:1rem 0}.codex-reader-scope [data-application-feedback]{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.codex-reader-scope [data-application-feedback]:not(:empty){margin-top:1rem}.codex-reader-scope [data-application-feedback] textarea{width:100%;min-height:10rem;font:.75rem/1.5 var(--sans);padding:.75rem}.codex-reader-scope .companion-skills{margin-bottom:2.5rem}.codex-reader-scope .companion-skills ul{margin:0;padding:0;list-style:none}.codex-reader-scope .companion-skills a{border-bottom:1px solid var(--line);padding:.75rem 0;text-decoration:none;display:block}.codex-reader-scope .companion-skills small{color:var(--muted);margin-top:.25rem;font-size:.75rem;display:block}.codex-reader-scope .prose .article-application{font:.8125rem/1.5 var(--sans);margin:-.5rem 0 2rem}.codex-reader-scope .article-application a{text-underline-offset:.25em;align-items:center;min-height:44px;display:inline-flex}.codex-reader-scope .quote-applications{font:.8125rem/1.5 var(--sans);flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.codex-reader-scope .quote-applications a{border:1px solid var(--line);border-radius:2px;align-items:center;max-width:100%;min-height:44px;padding:.65rem .85rem;text-decoration:none;display:inline-flex}.codex-reader-scope .quote-applications a:after{content:"↗";margin-left:.4em}.codex-reader-scope .panel-return-label{font:.75rem/1.4 var(--sans)}.codex-reader-scope .panel-close:has(.panel-return-label:not([hidden])){gap:.5rem;width:auto;display:flex}@media (hover:hover){.codex-reader-scope .companion-skills a:hover,.codex-reader-scope .quote-applications a:hover{text-decoration:underline}}.codex-reader-scope .detour:is([data-view=skill],[data-view=reading]) .icon-diagonal-up{transform:translate(-5px,-3px)rotate(-45deg)scaleX(.55)}.codex-reader-scope .detour:is([data-view=skill],[data-view=reading]) .icon-diagonal-down{transform:translate(-5px,3px)rotate(45deg)scaleX(.55)}.codex-reader-scope .detour:is([data-view=skill],[data-view=reading]) .icon-shaft{opacity:1;transform:scaleX(1)}.codex-reader-scope .skill-application h1:focus{outline:none}.codex-reader-scope .method-card{--method-inset:1rem;--method-line:#e5e5e5;border:1px solid var(--method-line);background:#fcfcfc;border-radius:12px;overflow:hidden;container-type:inline-size}.codex-reader-scope .method-modes{padding:0 var(--method-inset);border-bottom:1px solid var(--method-line);gap:1.5rem;display:flex}.codex-reader-scope .method-modes [role=tab]{min-height:48px;color:var(--muted);border-bottom:2px solid #0000;padding:.75rem 0;text-decoration:none}.codex-reader-scope .method-modes [aria-selected=true]{color:var(--ink);border-bottom-color:currentColor}.codex-reader-scope .method-toolbar{padding:1rem var(--method-inset);border-bottom:1px solid var(--method-line);flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.codex-reader-scope .method-instruction{color:var(--muted);flex:1;margin:0;font-size:.8125rem;line-height:1.5}.codex-reader-scope .method-apps{flex:none;gap:.5rem;display:flex}.codex-reader-scope .method-apps a,.codex-reader-scope .method-apps button{border:1px solid var(--method-line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;padding:0;text-decoration:none;display:grid}.codex-reader-scope .method-apps img,.codex-reader-scope .method-gemini{width:24px;height:24px;display:block}.codex-reader-scope .method-gemini{background:#6b4eff;-webkit-mask:url(/how-codex-happened/icons/gemini.svg) 50%/contain no-repeat;mask:url(/how-codex-happened/icons/gemini.svg) 50%/contain no-repeat}.codex-reader-scope .method-preview{padding:1.5rem var(--method-inset)}.codex-reader-scope .method-prompt{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:.8125rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.codex-reader-scope .method-prompt:not(.is-expanded){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.codex-reader-scope .skill-application .method-expand{width:100%;min-height:52px;padding:.875rem var(--method-inset);border-top:1px solid var(--method-line);color:var(--muted);font-size:.75rem;display:block}.codex-reader-scope .method-card :is(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:-4px}@media (hover:hover){.codex-reader-scope .method-apps a:hover,.codex-reader-scope .method-apps button:hover{background:#f5f5f5;border-color:#a5a5a5}.codex-reader-scope .method-expand:hover{background:#f5f5f5}}@container (min-width:32rem){.codex-reader-scope .method-modes,.codex-reader-scope #method-prompt-panel,.codex-reader-scope #reading-prompt-panel{--method-inset:1.5rem}.codex-reader-scope .method-toolbar{flex-direction:row;align-items:center;gap:1.5rem}}
@font-face{font-family:Hch Sticky Switzer;src:url(/how-codex-happened/fonts/switzer-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hch Sticky Switzer;src:url(/how-codex-happened/fonts/switzer-bold.woff2)format("woff2");font-weight:700;font-display:swap}.codex-reader-scope .growth-sticky:has(.growth-entry-figma){border:0;padding:0}.codex-reader-scope .growth-sticky[data-placement=top]:has(.growth-entry-figma){border:0}.codex-reader-scope .growth-sticky[data-placement=bottom]:has(.growth-entry-figma){box-shadow:0 -1px 0 var(--line)}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma{-moz-column-gap:16px;box-sizing:border-box;width:100%;max-width:none;min-height:0;padding:16px max(calc(100% - var(--reader-ad-left,16px) - var(--reader-ad-width,calc(100% - 32px))),max(16px,env(safe-area-inset-right))) max(16px,env(safe-area-inset-bottom)) max(var(--reader-ad-left,16px),env(safe-area-inset-left));font-family:"Hch Sticky Switzer",var(--sans);color:var(--ink);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 104px;gap:6px 16px;max-height:min(45svh,18rem);margin:0;display:grid;position:relative;overflow-y:auto}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma h2{font:700 16px/20px "Hch Sticky Switzer",var(--sans);letter-spacing:normal;white-space:normal;grid-area:1/1/auto/-1;margin:0;padding:0 32px 0 0}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-detail{color:inherit;font:400 16px/20px "Hch Sticky Switzer",var(--sans);overflow-wrap:break-word;grid-area:2/1;align-self:start;margin:0;padding:0}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-detail a{min-height:44px;color:inherit;text-decoration:none;display:block;position:relative}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-detail a:hover{text-decoration:underline}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-action{width:104px;height:44px;min-height:44px;color:var(--paper);font:400 13px/16px "Hch Sticky Switzer",var(--sans);white-space:nowrap;background:0 0;border:0;border-radius:0;grid-area:2/2;justify-content:center;place-self:center end;align-items:center;padding:0;display:flex;position:relative}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-action>span{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:39px;padding-bottom:1px;display:flex;position:relative}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss{top:-8px;right:max(8px, env(safe-area-inset-right));background:0 0;border:0;width:44px;height:44px;margin:0;padding:0;position:absolute}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss picture{width:12px;height:12px;position:absolute;top:24px;left:17px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss img{filter:none;max-width:none;position:absolute;top:-.7071px;left:-.7071px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma :is(.growth-entry-action,.growth-dismiss):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.codex-reader-scope[data-reader-theme=dark] .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss img{filter:invert()}.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form) .growth-entry-detail{grid-column:1/-1}.codex-reader-scope .growth-sticky-form{flex-direction:row;grid-area:3/1/auto/-1;align-items:center;gap:12px;min-width:0;margin:6px 0 0;display:flex}.codex-reader-scope .growth-sticky .growth-sticky-form input{box-sizing:border-box;border:1px solid var(--ink);background:var(--paper);width:100%;min-width:0;height:44px;min-height:44px;color:var(--ink);font:inherit;border-radius:0;flex:1;padding:10px;line-height:22px}.codex-reader-scope .growth-sticky .growth-sticky-form input:-webkit-any(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill){box-shadow:0 0 0 1000px var(--paper) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-out}.codex-reader-scope .growth-sticky .growth-sticky-form input:is(:autofill,:autofill:hover,:autofill:focus,:autofill){box-shadow:0 0 0 1000px var(--paper) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-out}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-sticky-form .growth-entry-action{flex:0 0 104px;width:104px;height:44px}.codex-reader-scope .growth-sticky:has(.growth-sticky-form){border-top:1px solid var(--line)}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-sticky-form .growth-entry-action>span{height:44px;padding-bottom:0}.codex-reader-scope .growth-sticky .growth-sign-in{grid-area:4/1/auto/-1;margin:0;font-size:12px;line-height:18px}.codex-reader-scope .growth-sign-in a{text-decoration:underline}.codex-reader-scope .growth-sticky .growth-email-status{grid-column:1/-1;margin:0;font-size:12px}.codex-reader-scope .growth-email-status:empty{display:none}@media (min-width:64rem){.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma{-moz-column-gap:24px;padding:16px max(calc(100% - var(--reader-ad-left,calc((100% - min(42rem,100% - 4rem))/2)) - var(--reader-ad-width,min(42rem,100% - 4rem))),4rem) max(16px,env(safe-area-inset-bottom)) var(--reader-ad-left,calc((100% - min(42rem,100% - 4rem))/2));grid-template-columns:minmax(0,1fr) 115px;column-gap:24px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma h2{grid-area:1/1;padding:0}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-detail{grid-area:2/1}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-action{grid-area:1/2/3;width:115px;font-size:16px;line-height:20px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss{top:17px;right:max(13px,env(safe-area-inset-right))}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss picture{width:16px;height:16px;top:14px;left:14px}.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form){grid-template-columns:minmax(0,1fr) 200px}.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form) .growth-entry-detail{grid-column:1}.codex-reader-scope .growth-sticky-form{flex-direction:column;grid-area:1/2/4;align-items:stretch;margin:0}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-sticky-form .growth-entry-action{flex:none;width:100%;height:44px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma:has(.growth-sticky-form){-moz-column-gap:32px;padding-right:max(72px,env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) 168px;column-gap:32px}.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form) :is(h2,.growth-entry-detail){max-width:42rem}.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form) .growth-sticky-form{place-self:center end;width:168px}.codex-reader-scope .growth-sticky .growth-sign-in{grid-area:3/1}}@media (min-width:80rem){.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form) h2{white-space:nowrap;max-width:none}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma:has(.growth-sticky-form){grid-template-columns:minmax(0,1fr) 328px}.codex-reader-scope .growth-sticky .growth-entry-figma:has(.growth-sticky-form) .growth-sticky-form{flex-direction:row;align-items:center;gap:12px;width:328px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma:has(.growth-sticky-form) .growth-sticky-form .growth-entry-action{flex:0 0 104px;width:104px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma:has(.growth-sticky-form) .growth-dismiss{top:calc(50% - 22px)}}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-sticky-expand{display:none}@media (max-width:47.999rem){.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma{row-gap:4px;padding-top:12px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma h2{font-size:15px;line-height:19px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-entry-detail{color:var(--muted);font-size:13px;line-height:17px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed]{-moz-column-gap:12px;padding-right:max(48px,env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) 96px;align-items:center;column-gap:12px}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed] h2{grid-column:1;padding:0}.codex-reader-scope .growth-sticky .growth-entry-figma[data-sticky-collapsed] :is(.growth-entry-detail,.growth-sticky-form,.growth-email-status){display:none}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed] .growth-sticky-expand{grid-area:1/2;width:96px;height:44px;display:flex}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed] .growth-sticky-expand>span{height:40px;padding-bottom:0}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed] .growth-dismiss{top:calc(50% - 22px);right:max(2px,env(safe-area-inset-right))}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed] .growth-dismiss picture{top:16px;left:16px}}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma .growth-dismiss,.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma[data-sticky-collapsed] .growth-dismiss{top:0;right:max(2px, env(safe-area-inset-right))}.codex-reader-scope .growth-sticky .growth-entry.growth-entry-figma:has(.growth-sticky-form) .growth-dismiss{top:0;right:max(2px, env(safe-area-inset-right))}html[data-growth-bar-visible]:has(.codex-reader-scope){scroll-padding-bottom:7rem}
.codex-reader-scope .growth-entry,.codex-reader-scope .growth-catalog-intro{font:.875rem/1.5 var(--sans)}.codex-reader-scope .growth-catalog-intro{border:1px solid var(--line);background:#f3f3f3;margin-bottom:2rem;padding:1.25rem;position:relative;overflow:visible}.codex-reader-scope .growth-catalog-intro h2{font:300 1.75rem/1.1 "Source Serif 4", var(--serif);letter-spacing:-.025em;margin:0 0 .75rem}.codex-reader-scope .growth-catalog-heading{flex-wrap:wrap;align-items:flex-start;gap:.5rem .75rem;margin-bottom:.75rem;display:flex}.codex-reader-scope .growth-catalog-heading h2{flex:12rem;margin:0}.codex-reader-scope .growth-catalog-actions{align-items:center;gap:.5rem;max-width:100%;display:flex}.codex-reader-scope .growth-catalog-actions .growth-primary{white-space:nowrap;flex:none;padding-inline:.875rem}.codex-reader-scope .growth-catalog-actions .growth-signin{min-width:0;max-width:6.5rem;min-height:44px;color:var(--muted);align-items:center;margin:0;padding:.25rem 0;font-size:.75rem;line-height:1.3;display:flex}.codex-reader-scope .growth-catalog-ad .growth-benefits{margin-bottom:0}.codex-reader-scope .growth-benefits .growth-companion-benefit{border-bottom:0;padding-bottom:0;padding-right:3.25rem}.codex-reader-scope .growth-catalog-segue{font:.875rem/1.5 var(--sans);color:var(--ink);margin:-.5rem 0 1.5rem}.codex-reader-scope .growth-catalog-segue span{white-space:nowrap}.codex-reader-scope .growth-companion-arrow{color:var(--ink);pointer-events:none;position:absolute;bottom:-1.75rem;right:1.25rem}.codex-reader-scope .growth-benefits{margin:0 0 1rem;padding:0;list-style:none}.codex-reader-scope .growth-benefits li{border-bottom:1px solid var(--line);padding:.625rem 0}.codex-reader-scope .growth-benefits li>a[data-module]{align-items:center;min-height:44px;margin-block:-.625rem;padding-block:.625rem;display:flex}.codex-reader-scope .growth-catalog-ad .growth-benefits>li:last-child>a[data-module]{margin-bottom:0;padding-bottom:0}.codex-reader-scope .growth-benefits strong,.codex-reader-scope .growth-benefits span{display:block}.codex-reader-scope .growth-benefits strong{font-weight:400}.codex-reader-scope .growth-benefits li span{color:var(--muted);margin-top:.25rem;font-size:.75rem}.codex-reader-scope .growth-primary{background:var(--ink);min-height:48px;color:var(--paper);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;text-decoration:none;display:inline-flex}.codex-reader-scope .growth-signin{width:fit-content;padding-block:.75rem;font-size:.75rem;display:block}.codex-reader-scope .growth-credit-benefit strong{margin:0;display:inline}.codex-reader-scope .growth-credit-terms{color:var(--muted);padding-block:14px;font-size:.75rem;text-decoration:none;display:inline}.codex-reader-scope .growth-credit-terms:hover{text-underline-offset:.2em;text-decoration:underline}.codex-reader-scope .companion-skills .growth-locked-link{padding-right:2rem;position:relative}.codex-reader-scope .growth-locked-link>[aria-hidden]{color:var(--muted);position:absolute;top:.875rem;right:0}.codex-reader-scope .growth-locked-card{background:#fcfcfc;border:1px solid #e5e5e5;border-radius:12px;position:relative;overflow:hidden}.codex-reader-scope .growth-skill-blur{filter:blur(5px);opacity:.55;-webkit-user-select:none;user-select:none;border:0}.codex-reader-scope .growth-skill-blur .method-modes button{min-height:48px;text-decoration:none}.codex-reader-scope .growth-skill-blur .method-preview{min-height:12rem}.codex-reader-scope .growth-skill-unlock{place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.codex-reader-scope .growth-skill-unlock>div{border:1px solid var(--line);text-align:center;background:#fcfcfcf5;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:22rem;padding:1.5rem 1rem;display:flex}.codex-reader-scope .growth-skill-unlock p{color:var(--muted);justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.75rem;display:flex}.codex-reader-scope .growth-skill-unlock .growth-primary{gap:.5rem;width:100%;padding-inline:.5rem;font-size:.8125rem}.codex-reader-scope .growth-skill-unlock .growth-signin{margin-top:.25rem}.codex-reader-scope .growth-interview-lock{color:var(--muted);display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.codex-reader-scope .growth-interview-preview{padding:1.5rem}.codex-reader-scope .growth-interview-preview>div+div{margin-top:2rem}.codex-reader-scope .growth-interview-preview :is(b,i){background:var(--muted);opacity:.6;height:.5rem;margin-bottom:.75rem;display:block}.codex-reader-scope .growth-interview-preview b{width:28%;height:.625rem;margin-bottom:1.25rem}.codex-reader-scope .growth-interview-preview i:last-child{width:68%}.codex-reader-scope .growth-placement{margin:3rem 0;scroll-margin-top:140px;position:relative}.codex-reader-scope .growth-placement:focus{outline:none}.codex-reader-scope .growth-entry{border-block:1px solid var(--line);padding:1.5rem 0}.codex-reader-scope .growth-entry h2{font:300 2rem/1.1 "Source Serif 4", var(--serif);letter-spacing:-.025em;margin:0 0 .75rem}.codex-reader-scope .growth-entry .growth-entry-detail{color:var(--muted);margin:0 0 1rem;font-size:.8125rem}.codex-reader-scope .growth-entry-actions{align-items:center;gap:.375rem;display:flex}.codex-reader-scope .growth-entry-action{background:var(--ink);min-height:44px;color:var(--paper);font:.8125rem/1.4 var(--sans);align-items:center;gap:.75rem;padding:.625rem 1rem;text-decoration:none;display:inline-flex}.codex-reader-scope .growth-sticky{--offer-emergence:1;z-index:10;bottom:0;background:var(--paper);padding:.75rem var(--gutter) max(.75rem, env(safe-area-inset-bottom));border-top:1px solid var(--line);opacity:calc(.94 + var(--offer-emergence) * .06);transform:translateY(calc((1 - var(--offer-emergence)) * 6px));margin:0;transition:transform .12s cubic-bezier(.25,1,.5,1),opacity .12s linear;position:fixed;inset-inline:0}.codex-reader-scope .growth-sticky .growth-entry{border:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:.5rem 1rem;max-width:68rem;margin:auto;padding:0;display:grid}.codex-reader-scope .growth-sticky .growth-entry-copy{min-width:0}.codex-reader-scope .growth-sticky h2{margin:0 0 .375rem;font-size:1.0625rem;line-height:1.2}.codex-reader-scope .growth-sticky .growth-entry-detail{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.45}.codex-reader-scope .growth-entry-detail a{text-underline-offset:.15em}.codex-reader-scope .growth-offer-compact{display:none}.codex-reader-scope .growth-offer-info{text-decoration:none}.codex-reader-scope .growth-offer-info:hover{text-decoration:underline}.codex-reader-scope .growth-sticky .growth-entry-actions{justify-self:end}.codex-reader-scope .growth-sticky .growth-entry-action{white-space:nowrap;min-height:44px;padding:.5rem .875rem;font-size:.8125rem}.codex-reader-scope .growth-dismiss{width:44px;height:44px;color:var(--muted);font:1.5rem/1 var(--sans);background:0 0;border:0;flex:none;place-items:center;margin-right:-16px;padding:0;display:grid}.codex-reader-scope .growth-dismiss:hover{color:var(--ink);background:#20202008}.codex-reader-scope .growth-sticky:focus-within{opacity:1;transform:none}.codex-reader-scope .growth-sticky[data-placement=top]{transform:translateY(calc((var(--offer-emergence) - 1) * 6px));border-top:0;border-bottom:1px solid var(--line);top:62px;bottom:auto}.codex-reader-scope .growth-sticky[data-placement=top]:focus-within{transform:none}@media (prefers-reduced-motion:reduce){.codex-reader-scope .growth-sticky,.codex-reader-scope .growth-sticky[data-placement=top]{opacity:1;transition:none;transform:none}}html[data-growth-bar-visible][data-growth-sticky=top] .codex-reader-scope .prose section{scroll-margin-top:150px}@media (max-width:47.999rem){.codex-reader-scope .growth-sticky .growth-entry{grid-template-columns:minmax(0,1fr) max-content;gap:.25rem .75rem;position:relative}.codex-reader-scope .growth-sticky .growth-entry-copy{display:contents}.codex-reader-scope .growth-sticky h2{white-space:nowrap;grid-area:1/1/auto/-1;margin:0;padding-right:32px}.codex-reader-scope .growth-sticky .growth-entry-detail{grid-area:2/1;align-self:start;font-size:.75rem;line-height:1.2}.codex-reader-scope .growth-sticky .growth-entry-actions{grid-area:2/2;align-self:start;padding-top:.5rem}.codex-reader-scope .growth-sticky .growth-dismiss{margin:0;position:absolute;top:-.75rem;right:-16px}.codex-reader-scope .growth-sticky .growth-offer-wide{display:none}.codex-reader-scope .growth-sticky .growth-offer-compact{display:inline}}@media (min-width:48rem){.codex-reader-scope .growth-sticky .growth-entry{grid-template-columns:minmax(0,1fr) max-content}}@media (min-width:64rem){.codex-reader-scope .growth-sticky[data-placement=top]{top:0}html[data-growth-bar-visible][data-growth-sticky=top] .codex-reader-scope :is(.desktop-contents,.desktop-sources){top:6rem}}@media print{.codex-reader-scope .growth-placement,.codex-reader-scope .growth-catalog-intro{display:none}}.codex-reader-scope :is(.growth-catalog-intro,.growth-locked-card,.companion-module-box){background:0 0;border:1px solid #999;border-radius:0}.codex-reader-scope .growth-catalog-intro h2{font:500 1.25rem/1.3 var(--sans);letter-spacing:-.02em}.codex-reader-scope :is(.growth-primary,.growth-entry-action){color:var(--ink);background:0 0;border:1px solid #999;border-radius:0}.codex-reader-scope .growth-skill-unlock>div{background:var(--paper);border:1px solid #999;border-radius:0}.codex-reader-scope .growth-locked-card{padding:1rem}.codex-reader-scope .growth-locked-card:has(.growth-skill-unlock){padding:0}.codex-reader-scope .companion-module-box{overflow-wrap:anywhere;margin-bottom:1.5rem;padding:1rem}.codex-reader-scope .companion-module-box>p:first-child{margin-top:0}.codex-reader-scope .companion-module-box>p:last-child{margin-bottom:0}.codex-reader-scope .companion-module-box ol{padding-left:1.25rem}.codex-reader-scope .companion-module-box li+li{margin-top:.75rem}.codex-reader-scope .companion-module-box:not(.method-card) .method-prompt{font:inherit;max-height:none;margin-block:1rem;padding:0;overflow:visible}.codex-reader-scope .companion-module-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.codex-reader-scope .companion-module-detail a.action{min-height:44px;color:var(--ink);font:inherit;background:0 0;border:1px solid #999;border-radius:0;align-items:center;padding:.5rem .75rem;display:inline-flex}.codex-reader-scope .growth-email{align-items:stretch;gap:.5rem;min-width:0;display:flex}.codex-reader-scope .growth-email input{width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:1px solid #999;border-radius:0;padding:.5rem .75rem}.codex-reader-scope .growth-entry-email .growth-entry-action{cursor:pointer}.codex-reader-scope .growth-entry-email [data-growth-email-status]{grid-column:1/-1;margin:0}.codex-reader-scope .growth-sticky .growth-entry-email{position:relative}.codex-reader-scope .growth-entry-email .growth-signin{margin:0;padding:0}.codex-reader-scope .growth-entry-email .growth-dismiss{position:absolute;top:-.5rem;right:-16px}.codex-reader-scope .growth-sticky .growth-entry-email h2{white-space:normal;padding-right:2rem}.codex-reader-scope .growth-entry-email .growth-entry-copy{display:block}.codex-reader-scope .detour[data-view=module] .icon-diagonal-up{transform:translate(-5px,-3px)rotate(-45deg)scaleX(.55)}.codex-reader-scope .detour[data-view=module] .icon-diagonal-down{transform:translate(-5px,3px)rotate(45deg)scaleX(.55)}.codex-reader-scope .detour[data-view=module] .icon-shaft{opacity:1;transform:scaleX(1)}@media (max-width:47.999rem){.codex-reader-scope .growth-sticky .growth-entry-email{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.codex-reader-scope .growth-entry-email .growth-email{padding-right:0}}.codex-reader-scope :is(.growth-catalog-intro,.growth-locked-card,.companion-module-box){position:relative}.codex-reader-scope [data-growth-outlined]{border-color:#0000}.codex-reader-scope [data-growth-outline]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.codex-reader-scope .prose{--reader-entry-inset-block:1rem;--reader-entry-inset-inline:clamp(1.25rem,6vw,1.5rem)}.codex-reader-scope .prose .article-module-entry{padding:var(--reader-entry-inset-block) var(--reader-entry-inset-inline);font:.875rem/1.6 var(--sans);margin:2rem 0}.codex-reader-scope .prose .article-module-entry .application-label{font:.75rem/1.5 var(--sans);margin:0 0 .5rem}.codex-reader-scope .prose .article-module-entry h2{font:500 1.25rem/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 .75rem}.codex-reader-scope .prose .article-module-entry>p:not(.application-label){margin:0 0 .75rem}.codex-reader-scope .article-module-link{min-height:44px;color:var(--ink);font:inherit;background:0 0;border:1px solid #999;border-radius:0;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.codex-reader-scope .article-module-link:hover{text-underline-offset:.2em;text-decoration:underline}.codex-reader-scope .article-module-entry{scroll-margin-top:80px}.codex-reader-scope .companion-module-detail .method-card{--method-line:#999;background:0 0;border-color:#999;border-radius:0;padding:0}.codex-reader-scope .companion-module-detail .method-card[data-growth-outlined]{border-color:#0000}.codex-reader-scope .companion-module-detail .method-preview>:first-child{margin-top:0}.codex-reader-scope .companion-module-detail .method-preview>:last-child{margin-bottom:0}.codex-reader-scope .companion-module-body>.method-toolbar{border-bottom:0;border-top:1px solid var(--method-line)}.codex-reader-scope .companion-module-detail .method-apps{flex-wrap:wrap}.codex-reader-scope .companion-module-detail .method-apps a.action{width:auto;height:auto;min-height:44px;font:.8125rem/1.5 var(--sans);background:0 0;border-radius:0}.codex-reader-scope .companion-module-detail .method-apps button{background:0 0;border-radius:0;flex:none;text-decoration:none}.codex-reader-scope .companion-module-copy .copied-icon,.codex-reader-scope .companion-module-copy[data-copied] .copy-icon{display:none}.codex-reader-scope .companion-module-copy[data-copied] .copied-icon{display:block}.codex-reader-scope .companion-module-actions .copy-fallback{flex-basis:100%;min-width:0}.codex-reader-scope .companion .growth-catalog-heading h2{font:500 1.5rem/1.2 var(--sans);letter-spacing:-.025em}.codex-reader-scope [data-footer-invitation] .growth-catalog-intro{margin:0}.codex-reader-scope .growth-every-ad{padding:clamp(1.25rem,4vw,2.5rem)}.codex-reader-scope .growth-every-ad .growth-every-brand{font:600 1.5rem/1 var(--sans);letter-spacing:-.06em;align-items:center;gap:.75rem;margin:0 0 1.5rem;display:flex}.codex-reader-scope .growth-every-brand span{font:400 .75rem/1.4 var(--sans);letter-spacing:0;color:var(--muted)}.codex-reader-scope .growth-every-ad h2{max-width:28ch;font:500 clamp(1.75rem, 3vw, 2.5rem)/1.1 var(--sans);letter-spacing:-.035em;margin:0 0 1.5rem}.codex-reader-scope .growth-every-ad .growth-every-detail{font:1rem/1.5 var(--sans);margin:0 0 1.5rem}.codex-reader-scope .growth-every-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.5rem;display:flex}.codex-reader-scope .growth-catalog-actions{gap:1.25rem}.codex-reader-scope .growth-catalog-ad .growth-benefits>li:last-child{border-bottom:0;padding-bottom:0}.codex-reader-scope .companion-gated-preview{min-height:24rem;padding:0}.codex-reader-scope .companion-gated-preview .growth-interview-preview{padding:1.5rem}.codex-reader-scope .companion-gated-preview .growth-skill-unlock>div{max-width:22rem;padding:1.5rem}.codex-reader-scope .companion-unlock-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;width:100%;display:flex}.codex-reader-scope .companion-unlock-actions .growth-primary{flex:12rem;width:auto}.codex-reader-scope .companion-unlock-actions .growth-signin{margin:0}@media (prefers-reduced-motion:reduce){.codex-reader-scope .companion-gated-preview *{transition:none;animation:none}}.codex-reader-scope .companion-pen-host:not(.panel){position:relative}.codex-reader-scope [data-companion-pen-rule]{pointer-events:none;position:absolute;overflow:visible}.codex-reader-scope [data-companion-pen-rule][data-edge=bottom]{width:100%;height:2px;bottom:-1px;left:0}.codex-reader-scope [data-companion-pen-rule][data-edge=top]{width:100%;height:2px;top:-1px;left:0}.codex-reader-scope [data-companion-pen-rule][data-edge=left]{width:2px;height:100%;top:0;left:-1px}.codex-reader-scope [data-companion-pen-rule][data-edge=right]{width:2px;height:100%;top:0;right:-1px}.codex-reader-scope .companion-pen-host[data-companion-ruled=bottom]{border-bottom-color:#0000}.codex-reader-scope .companion-pen-host[data-companion-ruled=top]{border-top-color:#0000}.codex-reader-scope .detour .panel[data-companion-ruled=left]{border-left-color:#0000}.codex-reader-scope .detour .panel[data-companion-ruled=right]{border-right-color:#0000}.codex-reader-scope .skill-application .method-card,.codex-reader-scope .skill-application .method-apps :is(a,button){background:0 0;border-radius:0}.codex-reader-scope :is(.skill-application .method-card,.skill-application .method-apps a,.skill-application .method-apps button,[data-growth-frame])[data-growth-outlined],.codex-reader-scope :is(.growth-catalog-intro .growth-primary,.growth-skill-unlock .growth-primary,.companion-reading-top .method-apps>a)[data-growth-outlined]{border-color:#0000;position:relative}.codex-reader-scope .prose .article-module-entry[data-prompt-entry]{font:inherit;align-items:center;gap:1rem;display:flex}.codex-reader-scope .prose .article-module-entry[data-prompt-entry] h2{font:inherit;letter-spacing:normal;flex:1;margin:0}.codex-reader-scope .article-module-entry [data-prompt-action]{flex:none;justify-content:center;width:44px;height:44px;padding:0}.codex-reader-scope .companion-module-detail .companion-module-launch{border:0;flex-flow:wrap;align-items:center;margin:1.5rem 0;padding:0}.codex-reader-scope .companion-module-launch .method-apps{gap:.5rem}.codex-reader-scope .companion-module-launch .method-apps a{background:0 0;border-radius:0}.codex-reader-scope .companion-module-prompt{position:relative}.codex-reader-scope .companion-module-prompt>.companion-module-copy{z-index:1;width:44px;min-width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:.5rem;right:.5rem}.codex-reader-scope .companion-module-prompt .method-preview{padding:3.5rem var(--method-inset) 1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 98%,var(--muted)),var(--paper))}.codex-reader-scope .companion-module-prompt .method-prompt{font:.8125rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.codex-reader-scope .sidebar-loading{text-align:center;place-items:center;min-height:12rem;display:grid}.codex-reader-scope .companion-module-detail .companion-module-launch{border:0;flex-direction:column;align-items:stretch;gap:1rem;display:flex}.codex-reader-scope .companion-module-launch .method-instruction,.codex-reader-scope .companion-prompt-header .method-instruction{font:400 .8125rem/1.5 "Hch Sticky Switzer",var(--sans)}.codex-reader-scope .companion-module-launch .method-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.codex-reader-scope .companion-module-launch .method-apps a{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:88px;font:400 .875rem/1.35 "Hch Sticky Switzer",var(--sans);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .25rem;display:flex}.codex-reader-scope .companion-prompt-header{padding:.5rem var(--method-inset);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.codex-reader-scope .companion-module-prompt .companion-prompt-header>.companion-module-copy{width:44px;height:44px;min-height:44px;color:var(--ink);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:static}.codex-reader-scope [data-tool-prompt] .method-preview{padding:.5rem var(--method-inset) 1rem}.codex-reader-scope [data-tool-prompt] .method-expand{text-align:left;min-height:44px;padding:.5rem var(--method-inset);font:400 .8125rem/1.5 "Hch Sticky Switzer",var(--sans);text-underline-offset:.2em;border:0;text-decoration:underline}@media print{.codex-reader-scope [data-tool-prompt] .method-prompt{-webkit-line-clamp:unset;overflow:visible;display:block!important}.codex-reader-scope [data-expand-tool-prompt]{display:none}}.codex-reader-scope [data-tool-prompt] .method-prompt:not(.is-expanded){max-height:4.14375rem;line-height:1.7;overflow:hidden}.codex-reader-scope [data-tool-prompt] .method-prompt.is-expanded{max-height:none;display:block;overflow:visible}.codex-reader-scope .method-codex{background:var(--ink);flex:none;width:24px;height:24px;display:block;-webkit-mask:url(/how-codex-happened/icons/codex.png) 50%/contain no-repeat;mask:url(/how-codex-happened/icons/codex.png) 50%/contain no-repeat}@media print{.codex-reader-scope [data-tool-prompt] .method-prompt:not(.is-expanded){max-height:none;overflow:visible}}.codex-reader-scope .companion-reading-line{--reading-section-gap:1rem;align-items:stretch;gap:var(--reading-section-gap);flex-direction:column}.codex-reader-scope .companion-reading-line>:is(.method-instruction,.reading-app-options,.reading-pdf-row){margin:0}.codex-reader-scope .companion-reading-line .reading-app-options{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.codex-reader-scope .companion-reading-top .reading-app-options>a{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:88px;font:400 .875rem/1.35 "Hch Sticky Switzer",var(--sans);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .25rem;display:flex}.codex-reader-scope .companion-reading-line .reading-pdf-row{-moz-column-gap:.4em;color:var(--muted);font:.8125rem/1.5 var(--sans);flex-wrap:wrap;align-items:center;column-gap:.4em;margin:0;display:flex}.codex-reader-scope .companion-reading-line .reading-pdf-row .companion-pdf{color:var(--ink);min-width:44px;min-height:44px;margin:0;text-decoration:none}.codex-reader-scope .companion-reading-line .reading-pdf-row .companion-pdf:hover{text-decoration:none}.codex-reader-scope .companion[data-refined]>:is(.companion-reading-top,.growth-catalog-ad,.companion-section){margin-top:0;margin-bottom:0}.codex-reader-scope .companion[data-refined]>:is(.companion-reading-top,.growth-catalog-ad,.companion-section):not([hidden])~:is(.companion-reading-top,.growth-catalog-ad,.companion-section):not([hidden]){margin-top:3rem}.codex-reader-scope .companion-module-detail:is([data-thinking-tool],:has(>.companion-module-launch,>.companion-gated-preview)){--tool-heading-gap:.75rem;--tool-major-gap:3rem}.codex-reader-scope .companion-module-detail:is([data-thinking-tool],:has(>.companion-module-launch,>.companion-gated-preview))>header{margin:0 0 var(--tool-heading-gap)}.codex-reader-scope .companion-module-detail:is([data-thinking-tool],:has(>.companion-module-launch,>.companion-gated-preview))>header h1{margin:0}.codex-reader-scope .companion-module-detail:is([data-thinking-tool],:has(>.companion-module-launch,>.companion-gated-preview))>.companion-module-launch{margin:var(--tool-major-gap) 0}.codex-reader-scope .companion-module-detail:is([data-thinking-tool],:has(>.companion-module-launch,>.companion-gated-preview))>.companion-gated-preview{margin-top:var(--tool-major-gap)}.codex-reader-scope [data-website-ad] .website-ad-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.codex-reader-scope [data-website-ad] .website-ad-actions>.article-module-link{flex:none;margin:0}.codex-reader-scope [data-website-ad] .website-ad-actions>.application-note{flex:0 auto;min-width:0;max-width:100%;margin:0}.codex-reader-scope .prose .article-module-entry[data-website-ad]{font:400 .875rem/1.4 "Hch Sticky Switzer", var(--sans)}.codex-reader-scope .prose .article-module-entry[data-website-ad] h2{font:500 1rem/1.3 "Hch Sticky Switzer", var(--sans);letter-spacing:-.01em;margin:0 0 .25rem}.codex-reader-scope .prose .article-module-entry[data-website-ad]>.website-ad-summary{color:var(--muted);margin:0 0 .75rem}.codex-reader-scope .prose .article-module-entry[data-website-ad] .application-note{font-size:.75rem;line-height:1.4}.codex-reader-scope .growth-every-brand .growth-every-wordmark{aspect-ratio:1000/278.28;background:var(--ink);flex:none;width:5.4rem;display:inline-block;-webkit-mask:url(/how-codex-happened/icons/every-wordmark.svg) 50%/contain no-repeat;mask:url(/how-codex-happened/icons/every-wordmark.svg) 50%/contain no-repeat}
.codex-reader-scope .growth-review{left:max(12px, env(safe-area-inset-left));--review-bottom:max(84px, calc(env(safe-area-inset-bottom) + 74px));bottom:var(--review-bottom);z-index:30;width:min(368px,100vw - 24px);color:var(--ink);font:12px/1.45 var(--sans);pointer-events:none;position:fixed}.codex-reader-scope .growth-review>details{pointer-events:auto;border:1px solid var(--ink);background:var(--paper);border-radius:8px;width:fit-content;max-width:100%;box-shadow:0 3px 18px #0002}.codex-reader-scope .growth-review>details:not([open]){opacity:.45;transition:opacity .12s linear}.codex-reader-scope .growth-review>details:not([open]):is(:hover,:focus-within),.codex-reader-scope .growth-review[data-dev-dragging]>details{opacity:1}html[data-growth-bar-visible][data-growth-sticky=bottom] .codex-reader-scope .growth-review{--review-bottom:max(84px, var(--growth-review-clearance,84px), calc(env(safe-area-inset-bottom) + 76px))}.codex-reader-scope .growth-review>details>summary{cursor:pointer;border-radius:7px;place-items:center;width:44px;height:44px;padding:0;list-style:none;display:grid}.codex-reader-scope .growth-review>details>summary svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.codex-reader-scope .growth-review>details>summary::-webkit-details-marker{display:none}.codex-reader-scope .growth-review>details[open]>summary{background:var(--ink);color:var(--paper)}.codex-reader-scope .growth-review>details>summary:focus-visible,.codex-reader-scope .growth-review select:focus-visible,.codex-reader-scope .growth-review input:focus-visible,.codex-reader-scope .growth-review textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.codex-reader-scope .growth-review-body{max-height:max(0px, calc(100dvh - var(--review-bottom) - 46px - max(12px, env(safe-area-inset-top))));overscroll-behavior:contain;padding:12px 14px 14px;overflow-y:auto}.codex-reader-scope .growth-review-note{color:var(--muted);margin:0 0 12px}.codex-reader-scope .growth-review [role=tabpanel]>label{gap:4px;margin-bottom:10px;display:grid}.codex-reader-scope .growth-review select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:38px;color:inherit;font:inherit;border-radius:4px;padding:6px 8px}.codex-reader-scope .growth-review-actions{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:10px;display:grid}.codex-reader-scope .growth-review-actions button,.codex-reader-scope .growth-review-actions a{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;text-align:center;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:7px;text-decoration:none;display:flex}.codex-reader-scope .growth-review-actions button:hover,.codex-reader-scope .growth-review-actions a:hover{border-color:var(--ink)}.codex-reader-scope .growth-review-status:not(:empty){margin:10px 0 0}@media print{.codex-reader-scope .growth-review{display:none}}.codex-reader-scope #detour .growth-review{--review-bottom:max(12px, env(safe-area-inset-bottom))}@media (min-width:64rem){.codex-reader-scope .growth-review{--review-bottom:max(12px, env(safe-area-inset-bottom))}}.codex-reader-scope .growth-review-ink{align-items:end;gap:8px;margin-bottom:10px;display:flex}.codex-reader-scope .growth-review-ink label{flex:1;gap:4px;display:grid}.codex-reader-scope .growth-review-ink input{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:4px;width:100%;height:44px;padding:3px;display:block}.codex-reader-scope .growth-review-ink button{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:7px}.codex-reader-scope[data-live-spot-ink] img[src^="/how-codex-happened/art/finished-ink/"],.codex-reader-scope[data-live-spot-ink] image[href^="/how-codex-happened/art/finished-ink/"]:not([filter]){filter:url(#hch-finished-spot-ink)}.codex-reader-scope :is(.visual-scene,.big-stage-art,.layered-hero-orbit,.thinking-chat-frame) :is([fill=\#00aaff],[fill=\#0092d1]){fill:var(--hch-spot-ink,#0092d1)}.codex-reader-scope :is(.visual-scene,.big-stage-art,.layered-hero-orbit,.thinking-chat-frame) :is([stroke=\#00aaff],[stroke=\#0092d1]){stroke:var(--hch-spot-ink,#0092d1)}.codex-reader-scope [data-model-video]{filter:url(#hch-model-video-ink)}.codex-reader-scope [data-model-video][data-model-paper]{filter:url(#hch-model-video-paper-ink)}.codex-reader-scope .growth-review [hidden]{display:none!important}.codex-reader-scope .growth-review-tabs{border-bottom:1px solid var(--line);gap:4px;margin:-2px 0 14px;display:flex}.codex-reader-scope .growth-review-tabs button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1}.codex-reader-scope .growth-review-tabs [aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}.codex-reader-scope .growth-review .frontend-section{border-top:1px solid var(--line)}.codex-reader-scope .growth-review .frontend-section>summary,.codex-reader-scope .growth-review .frontend-moments>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.codex-reader-scope .frontend-section-body{padding:0 0 14px}.codex-reader-scope .frontend-dial{gap:3px;margin:0 0 14px;display:grid}.codex-reader-scope .frontend-dial>span{justify-content:space-between;gap:12px;display:flex}.codex-reader-scope .frontend-dial output{font-variant-numeric:tabular-nums}.codex-reader-scope .frontend-dial input{width:100%;height:28px;accent-color:var(--ink);cursor:pointer;margin:0}.codex-reader-scope .frontend-dial small{color:var(--muted);font-size:10px}.codex-reader-scope .frontend-label{gap:5px;margin:10px 0;display:grid}.codex-reader-scope .frontend-label textarea{resize:vertical;background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);padding:8px;font:11px/1.4 monospace}.codex-reader-scope .frontend-section-body>button{border:1px solid var(--line);min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:7px 10px}.codex-reader-scope .frontend-hold{align-items:center;gap:8px;margin:14px 0;display:flex}.codex-reader-scope .frontend-hold input{width:16px;height:16px;accent-color:var(--ink)}.codex-reader-scope .frontend-section-body>a{min-height:40px;color:inherit;text-underline-offset:3px;padding:8px 0;display:inline-block}.codex-reader-scope .growth-review button:focus-visible,.codex-reader-scope .growth-review a:focus-visible,.codex-reader-scope .frontend-section summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.codex-reader-scope [data-pen-preview]{background:#fff;border:1px solid #e5e5e5;width:100%;height:auto;max-height:180px;margin:12px 0;display:block;overflow:hidden}.codex-reader-scope .growth-review :is(.frontend-section,.frontend-moments,[data-pen-preview-details])>.frontend-section-summary{justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:0;display:flex}.codex-reader-scope .frontend-section-summary>span:first-child{flex:1;min-width:0}.codex-reader-scope .frontend-section-actions{flex:none;display:inline-flex}.codex-reader-scope .growth-review .frontend-section-actions button{width:44px;min-width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.codex-reader-scope .frontend-section-json{margin:0 0 1rem}.codex-reader-scope .frontend-section-json>button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;padding:.5rem}.codex-reader-scope .frontend-section-summary:before{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:4px solid;flex:none;width:0;height:0}.codex-reader-scope details[open]>.frontend-section-summary:before{transform:rotate(90deg)}.codex-reader-scope .growth-review{z-index:2147483647;isolation:isolate;width:44px}.codex-reader-scope .growth-review>details{border:0}.codex-reader-scope .growth-review>details[open]{width:44px}.codex-reader-scope .growth-review>details>summary{z-index:2;box-sizing:border-box;border:1px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.codex-reader-scope .growth-review[data-dev-dragging]>details>summary{cursor:grabbing}.codex-reader-scope .growth-review-body{z-index:1;left:var(--review-panel-left);top:var(--review-panel-top);bottom:var(--review-panel-bottom);width:min(368px,100vw - 24px);max-height:var(--review-panel-height);background:var(--paper);color:var(--ink);border:1px solid var(--ink);pointer-events:auto;border-radius:8px;position:fixed;box-shadow:0 3px 18px #0002}.codex-reader-scope .growth-review-safe-insets{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));visibility:hidden;pointer-events:none;position:fixed;inset:0}.codex-reader-scope .frontend-timeline{margin:16px 0 24px}.codex-reader-scope .frontend-timeline-heading{justify-content:space-between;gap:12px;font-size:12px;display:flex}.codex-reader-scope .frontend-timeline-track{isolation:isolate;height:124px;margin:8px 22px;position:relative}.codex-reader-scope .frontend-timeline-track:before{content:"";opacity:.3;border-top:1px solid;position:absolute;top:65px;left:0;right:0}.codex-reader-scope [data-timeline-span]{background:var(--hch-spot-ink);opacity:.18;height:9px;position:absolute;top:61px}.codex-reader-scope [data-timeline-point]{touch-action:none;width:44px;min-width:44px;height:44px;color:inherit;z-index:1;background:0 0;border:0;padding:0;font-size:11px;position:absolute;top:8px;transform:translate(-50%)}.codex-reader-scope [data-timeline-point]:before{content:"";background:var(--paper);z-index:-1;border:1px solid;border-radius:50%;position:absolute;inset:12px}.codex-reader-scope [data-timeline-point]:focus-visible{outline:2px solid var(--hch-spot-ink);outline-offset:0;z-index:3}.codex-reader-scope [data-timeline-playhead]{border-left:1px solid var(--hch-spot-ink);pointer-events:none;z-index:2;position:absolute;top:0;bottom:0}.codex-reader-scope .frontend-timeline-scrub{gap:4px;font-size:11px;display:grid}.codex-reader-scope .frontend-timeline-scrub input{width:100%;min-height:44px;accent-color:var(--hch-spot-ink)}.codex-reader-scope .frontend-timeline-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;display:grid}.codex-reader-scope .frontend-timeline-legend button{text-align:left;min-height:44px;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.codex-reader-scope .frontend-timeline-legend b{color:var(--hch-spot-ink);font-size:10px}.codex-reader-scope [data-timeline-point]:after{content:"";left:50%;top:var(--timeline-stem-top);height:var(--timeline-stem-height);opacity:.25;z-index:-2;pointer-events:none;border-left:1px solid;position:absolute}
.codex-reader-scope .prose .section-interlude{isolation:isolate;background:#f3f3f3;gap:2rem;margin:4rem 0 2.5rem;padding:1.5rem;display:grid;position:relative}.codex-reader-scope .prose>section:first-of-type .section-interlude{margin-top:0}.codex-reader-scope .prose .section-interlude h2{z-index:1;max-width:16ch;font-family:"Source Serif 4", var(--serif);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,2rem + 2.5vw,5rem);font-weight:300;line-height:.98;position:relative}.codex-reader-scope .prose .graphic-reservation{margin:0}.codex-reader-scope .graphic-gray-box{width:100%;aspect-ratio:var(--graphic-ratio);background:#b8b8b8;place-items:center;padding:1rem;display:grid}.codex-reader-scope .graphic-concept{max-width:18ch;font:.8125rem/1.4 var(--sans);color:var(--ink);text-align:center;text-wrap:balance}.codex-reader-scope .prose .interlude-thinking{z-index:1;width:min(100%,22rem);font:.8125rem/1.4 var(--sans);border:1px solid #747474;border-radius:6px;padding:1rem;position:relative}.codex-reader-scope .prose .interlude-thinking p{margin:0}.codex-reader-scope .article-moment{position:relative}.codex-reader-scope .prose .article-moment>.graphic-margin{margin:2rem 0 3rem}@media (min-width:48rem){.codex-reader-scope .prose .section-interlude{padding:2rem}}@media (min-width:64rem){.codex-reader-scope .prose .section-interlude{width:calc(100% + var(--desktop-gap) * 2 - 2rem);margin-inline:calc(1rem - var(--desktop-gap));grid-template-columns:minmax(0,1fr);gap:2rem;padding:2rem;display:grid}.codex-reader-scope .prose .section-interlude h2{grid-column:1/-1;max-width:16ch;font-size:clamp(3.25rem,5vw,5rem)}.codex-reader-scope .section-interlude .graphic-gray-box{aspect-ratio:auto;height:clamp(18rem,25vw,24rem)}.codex-reader-scope .article-moment:has(>.graphic-margin){min-height:0}.codex-reader-scope .article-moment{--graphic-rail-width:var(--desktop-art-width)}.codex-reader-scope .prose .article-moment>.graphic-margin{top:0;left:calc(100% + var(--desktop-gap));width:var(--graphic-rail-width);margin:0;position:absolute}}@media print{.codex-reader-scope .prose .section-interlude{-moz-column-break-inside:avoid;break-inside:avoid}.codex-reader-scope .prose .article-moment>.graphic-margin{width:100%;margin:2rem 0;position:static}}.codex-reader-scope .prose :is(.reasoning-transition,.reasoning-existing){font:.9375rem/1.5 var(--sans);border:1px solid #747474;border-radius:6px;max-width:32rem;margin:3rem 0;padding:1.5rem}.codex-reader-scope .prose .reasoning-transition p,.codex-reader-scope .prose .reasoning-existing p{margin:0}@media (min-width:64rem){.codex-reader-scope .reader-stage .desktop-sources{background:var(--paper);box-shadow:0 -2rem 0 var(--paper);padding-bottom:1rem}}.codex-reader-scope .reader-stage:has(+.closing-illustration) .article-footer{margin-bottom:0}.codex-reader-scope .closing-illustration{width:100%;margin:3.5rem 0 0}.codex-reader-scope .closing-illustration>img{width:100%;height:auto;display:block}@media (min-width:48rem){.codex-reader-scope .closing-illustration{margin-top:6rem}}.codex-reader-scope .draft-section-stage{margin:2rem 0 2.5rem}.codex-reader-scope .draft-section-art{background:#b8b8b8;width:100%;min-height:clamp(12rem,30vw,26rem)}@media (min-width:64rem){.codex-reader-scope .reader-stage{container-type:inline-size}.codex-reader-scope .draft-section-stage{width:min(100cqw,var(--desktop-section-width));margin-inline:calc((100% - min(100cqw,var(--desktop-section-width))) / 2)}}@media print{.codex-reader-scope .reader-stage{container-type:normal}.codex-reader-scope .draft-section-stage{-moz-column-break-inside:avoid;break-inside:avoid;width:100%;margin-inline:0}}.codex-reader-scope .prose .draft-trace blockquote{font:inherit;border:0;margin:0;padding:0}.codex-reader-scope .prose .draft-trace .article-original-block p{margin:0}.codex-reader-scope .draft-section-art.draft-section-art-authored{background:#fff;min-height:0}.codex-reader-scope .draft-section-art:not(.draft-section-art-authored){background:var(--line);height:1px;min-height:0}.codex-reader-scope .draft-section-stage:not([data-stage-art]){margin-block:3.5rem}.codex-reader-scope .prose .graphic-reservation{display:none}@media (min-width:64rem){.codex-reader-scope .article-moment:has(>.graphic-reservation){min-height:0}}.codex-reader-scope .big-stage-art{width:100%;overflow:hidden}.codex-reader-scope .big-stage-art>svg,.codex-reader-scope :is(.big-art-mobile,.big-art-desktop)>svg{width:100%;height:auto;display:block}.codex-reader-scope .big-art-desktop,.codex-reader-scope .big-stage-art>svg[data-stage-poster]{display:none}@media (min-width:48rem){.codex-reader-scope .big-art-mobile{display:none}.codex-reader-scope .big-art-desktop{display:block}}@media (prefers-reduced-motion:reduce){.codex-reader-scope .big-stage-art>svg[data-stage-live]{display:none}.codex-reader-scope .big-stage-art>svg[data-stage-poster]{display:block}}@media print{.codex-reader-scope .big-art-mobile,.codex-reader-scope .big-stage-art>svg[data-stage-live]{display:none}.codex-reader-scope .big-art-desktop,.codex-reader-scope .big-stage-art>svg[data-stage-poster]{display:block}}.codex-reader-scope [data-native-vector-chrome][data-chrome-static] [data-technical-pen]{display:none}.codex-reader-scope [data-native-vector-chrome][data-chrome-static] [data-interruption-ink]{stroke-dasharray:none;stroke-dashoffset:0;stroke:var(--hch-spot-ink,#0092d1)!important}@media (prefers-reduced-motion:reduce){.codex-reader-scope [data-native-vector-chrome] [data-technical-pen]{display:none}.codex-reader-scope [data-interruption-ink]{stroke:var(--hch-spot-ink,#0092d1)!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}}@media print{.codex-reader-scope [data-native-vector-chrome] [data-technical-pen]{display:none}.codex-reader-scope [data-interruption-ink]{stroke:var(--hch-spot-ink,#0092d1)!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}}.codex-reader-scope .big-stage-art>.big-stage-static-image{width:100%;height:auto;display:block}.codex-reader-scope .ouroboros-stage [data-ouroboros-poster]{display:none}@media (prefers-reduced-motion:reduce){.codex-reader-scope .ouroboros-stage [data-ouroboros-live]{display:none}.codex-reader-scope .ouroboros-stage [data-ouroboros-poster]{display:block}}@media print{.codex-reader-scope .ouroboros-stage [data-ouroboros-live]{display:none}.codex-reader-scope .ouroboros-stage [data-ouroboros-poster]{display:block}}.codex-reader-scope .article-original-block[hidden]{display:none}.codex-reader-scope .prose .opening-subsection-rule{border:0;width:25%;height:2px;margin:3rem auto;padding:0}.codex-reader-scope .opening-subsection-rule>svg{width:100%;height:2px;display:block;overflow:visible}.codex-reader-scope .opening-subsection-rule line{stroke:var(--hch-spot-ink,#0092d1)}@media (max-width:63.999rem){.codex-reader-scope [data-stage-art=convergence] .big-stage-art>svg{width:180%;max-width:none;margin-inline:-40%}}@media (min-width:64rem){.codex-reader-scope [data-scene-range=graphic-maining]>.scene-rail-track{z-index:1}}
.codex-reader-scope .editorial-thinking{width:1.25rem;height:1.25rem;color:var(--ink);margin-bottom:.75rem;display:block;position:relative}.codex-reader-scope .editorial-thinking-knot,.codex-reader-scope .editorial-thinking-dot{transform-origin:50%;width:100%;height:100%;animation:4.8s cubic-bezier(.45,0,.25,1) infinite both paused editorial-knot;position:absolute;inset:0}.codex-reader-scope .editorial-thinking-knot svg{width:100%;height:100%;display:block}.codex-reader-scope .editorial-thinking-dot{fill:currentColor;opacity:0;animation-name:editorial-dot}.codex-reader-scope .editorial-thinking[data-thinking-active=true] :is(.editorial-thinking-knot,.editorial-thinking-dot){animation-play-state:running}@keyframes editorial-knot{0%,18%,82%,to{opacity:1;transform:scale(1)}40%,60%{opacity:0;transform:scale(.08)}}@keyframes editorial-dot{0%,22%,78%,to{opacity:0;transform:scale(.1)}40%,60%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce),print{.codex-reader-scope .editorial-thinking :is(.editorial-thinking-knot,.editorial-thinking-dot){animation:none;transform:none}.codex-reader-scope .editorial-thinking-knot{opacity:1}.codex-reader-scope .editorial-thinking-dot{display:none}}
.codex-reader-scope [data-model-art]{width:100%;height:auto;display:block}.codex-reader-scope .model-video-sheet{width:100%;height:100%;position:relative;overflow:hidden}.codex-reader-scope [data-model-video-container]{visibility:visible;opacity:1;pointer-events:none}.codex-reader-scope [data-model-failed]>[data-model-video-container]{display:none}.codex-reader-scope .model-video-sheet{background:0 0}.codex-reader-scope [data-model-loading] [data-model-video]{width:8px!important;height:8px!important;top:50%!important;left:50%!important}.codex-reader-scope .cage-model-composite>svg{width:100%;height:auto;display:block}.codex-reader-scope [data-model-video]{-o-object-fit:contain;object-fit:contain;opacity:1;pointer-events:none;position:absolute}.codex-reader-scope [data-model-fallback]{opacity:1;transition:none}.codex-reader-scope [data-model-playing]>[data-model-fallback]{opacity:0}@media (prefers-reduced-motion:reduce){.codex-reader-scope [data-model-video-container]{display:none!important}.codex-reader-scope [data-model-fallback]{visibility:visible!important;opacity:1!important;transition:none!important}}@media print{.codex-reader-scope [data-model-video-container]{display:none!important}.codex-reader-scope [data-model-fallback]{visibility:visible!important;opacity:1!important;transition:none!important}}.codex-reader-scope [data-model-paper]{background:0 0}.codex-reader-scope .scene-model-capability{width:min(100%,22rem,56svh);margin:1.5rem auto 2rem}@media (min-width:64rem){.codex-reader-scope [data-model-capability-range]>.scene-rail-track{display:none}.codex-reader-scope [data-model-capability-range] .scene-sequence-mobile{display:block;position:static}.codex-reader-scope [data-model-capability-range].loop-runtime>.scene-rail-track{display:block}.codex-reader-scope [data-model-capability-range].loop-runtime .scene-sequence-mobile{display:none}}@media (prefers-reduced-motion:reduce){.codex-reader-scope [data-model-capability-range]>.scene-rail-track{display:none!important}.codex-reader-scope [data-model-capability-range] .scene-sequence-mobile{position:static;display:block!important}}@media print{.codex-reader-scope [data-model-capability-range]>.scene-rail-track{display:none!important}.codex-reader-scope [data-model-capability-range] .scene-sequence-mobile{-moz-column-break-inside:avoid;break-inside:avoid;position:static;display:block!important}}.codex-reader-scope [data-model-html]>[data-model-video-container]{position:absolute;inset:0}.codex-reader-scope [data-model-html] [data-model-video]{filter:none!important;width:8px!important;height:8px!important;top:50%!important;left:50%!important}.codex-reader-scope [data-model-video-canvas]{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;filter:none!important}.codex-reader-scope [data-model-playing]>[data-model-video-canvas]{opacity:1}.codex-reader-scope [data-model-html]>[data-model-fallback]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block;position:relative}@media (prefers-reduced-motion:reduce){.codex-reader-scope [data-model-video-canvas]{display:none!important}}@media print{.codex-reader-scope [data-model-video-canvas]{display:none!important}}@supports (-webkit-touch-callout:none){.codex-reader-scope [data-model-slot]:not([data-model-html])>[data-model-video-container]{display:none!important}.codex-reader-scope [data-model-slot]:not([data-model-html])>[data-model-fallback]{visibility:visible!important;opacity:1!important}}.codex-reader-scope [data-model-static]>[data-model-fallback]{visibility:visible!important;opacity:1!important}.codex-reader-scope .model-html-art{aspect-ratio:1;position:relative}.codex-reader-scope .model-html-art>[data-model-layer],.codex-reader-scope .model-html-art>[data-model-layer]>[data-model-html]{position:absolute;inset:0}.codex-reader-scope [data-model-backup-frame]{pointer-events:none;filter:none!important}.codex-reader-scope [data-model-backup][data-model-playing]>[data-model-fallback]{opacity:0!important}@media (prefers-reduced-motion:reduce){.codex-reader-scope [data-model-backup-frame]{display:none!important}.codex-reader-scope [data-model-backup][data-model-playing]>[data-model-fallback]{opacity:1!important}}@media print{.codex-reader-scope [data-model-backup-frame]{display:none!important}.codex-reader-scope [data-model-backup][data-model-playing]>[data-model-fallback]{opacity:1!important}}