:root{--olive-dark:#3F4A2C;--olive:#66734A;--olive-light:#909B72;--cream:#F4EBD8;--cream-light:#FFF9ED;--brown:#8B6847;--white:#fff;--line:rgba(63,74,44,.18);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--olive-dark);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}[v-cloak]{display:none}.module-header{height:82px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:relative;z-index:5}.module-brand{min-width:225px;display:flex;align-items:center;gap:10px}.brand-logo-crop{width:145px;height:34px;display:block;position:relative;overflow:hidden;flex:none}.brand-logo-crop img{width:240px;height:240px;max-width:none;position:absolute;left:-48px;top:-103px;object-fit:contain}.module-brand>small{padding-left:10px;border-left:1px solid var(--line);color:var(--olive);font:9px var(--mono);text-transform:uppercase;letter-spacing:2px}.module-id{margin:auto;display:flex;align-items:center;gap:10px}.module-id span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--olive-dark);color:var(--cream-light);font:8px var(--mono)}.module-id strong{font-size:11px}.all-modules{min-width:225px;text-align:right;font-size:9px}.all-modules b{margin-left:8px;color:var(--brown);font-weight:400}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:var(--olive);font:9px var(--mono);text-transform:uppercase;letter-spacing:1.2px}.eyebrow span{padding:5px 8px;border:1px solid var(--brown);border-radius:20px;color:var(--olive-dark)}.programming-hero{min-height:650px;padding:90px 8vw 65px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:0;font-size:clamp(58px,6.5vw,96px);line-height:.92;letter-spacing:-7px}.hero-copy h1 em{display:inline-block;margin-top:12px;color:var(--brown);font-family:Georgia,serif;font-weight:400}.hero-copy>p:last-child{max-width:650px;margin:30px 0 0;color:var(--olive);font-size:15px;line-height:1.75}.hero-code{position:absolute;right:-2vw;top:65px;padding:50px;width:48vw;height:300px;color:rgba(63,74,44,.12);font:clamp(24px,3vw,48px)/1.7 var(--mono);transform:rotate(-4deg);pointer-events:none}.hero-code span{color:rgba(139,104,71,.2)}.hero-code b{font-weight:400}.hero-code i,.hero-code em{font-style:normal}.chapter-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(9,1fr);margin-top:25px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.chapter-nav a{min-height:90px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.chapter-nav a:hover{background:color-mix(in srgb,var(--olive-light) 12%,white)}.chapter-nav span{color:var(--brown);font:7px var(--mono)}.chapter-nav strong{font-size:8px;line-height:1.35}
.reading-layout{display:grid;grid-template-columns:190px minmax(0,1000px);gap:70px;justify-content:center;padding:0 6vw}.reading-index{height:max-content;position:sticky;top:25px;padding:55px 0;display:flex;flex-direction:column}.reading-index>span{margin-bottom:15px;color:var(--olive);font:8px var(--mono);text-transform:uppercase;letter-spacing:1px}.reading-index a{padding:9px 0;border-left:1px solid var(--line);padding-left:13px;color:var(--olive-light);font-size:8px;transition:.2s}.reading-index a.active{border-color:var(--brown);color:var(--olive-dark);font-weight:700}.reading-content{min-width:0}.content-section{padding:100px 0;border-bottom:1px solid var(--line)}.section-title{display:grid;grid-template-columns:45px 1fr;gap:18px;align-items:start;margin-bottom:45px}.section-title>span{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--brown);border-radius:50%;font:8px var(--mono)}.section-title p{margin:1px 0 8px;color:var(--brown);font:8px var(--mono);text-transform:uppercase;letter-spacing:1px}.section-title h2{max-width:800px;margin:0;font-size:clamp(38px,4.2vw,61px);line-height:1.04;letter-spacing:-3.5px}.section-intro{max-width:720px;margin:-15px 0 45px 63px;color:var(--olive);font-size:13px;line-height:1.8}.lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding-left:63px}.lead{margin:0;color:var(--brown);font:25px/1.45 Georgia,serif}.lead-grid>div p{margin:0 0 15px;color:var(--olive);font-size:11px;line-height:1.8}.lead-grid code,.important-note code{font-family:var(--mono)}
.translation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:55px 0 35px;padding:25px;border:1px solid var(--line);background:color-mix(in srgb,var(--olive-light) 8%,white)}.translation-flow>div{min-height:95px;display:flex;flex-direction:column}.translation-flow div>span{color:var(--brown);font:7px var(--mono)}.translation-flow strong{margin:13px 0 5px;font-size:11px}.translation-flow small{color:var(--olive);font-size:8px;line-height:1.5}.translation-flow>i{color:var(--olive-light);font-style:normal}.concept-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.concept-pair article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.concept-pair article>span{color:var(--brown);font:8px var(--mono);text-transform:uppercase}.concept-pair h3{margin:12px 0;font-size:17px}.concept-pair p{margin:0;color:var(--olive);font-size:10px;line-height:1.75}.concept-pair article>code{display:block;margin-top:18px;padding:12px;background:var(--olive-dark);color:var(--cream);font:9px var(--mono)}.important-note{margin-top:20px;padding:20px 25px;border-left:3px solid var(--brown);background:var(--cream-light)}.important-note b{font-size:10px}.important-note p{margin:6px 0 0;color:var(--olive);font-size:9px;line-height:1.7}
.history-line{margin-left:63px;border-left:1px solid var(--line)}.history-card{display:grid;grid-template-columns:270px 1fr;position:relative;border-bottom:1px solid var(--line)}.history-card::before{content:"";width:7px;height:7px;position:absolute;left:-4px;top:35px;border-radius:50%;background:var(--brown);box-shadow:0 0 0 5px white}.history-card>header{padding:30px 30px}.history-card header>span{font:10px var(--mono);color:var(--brown)}.history-card header>small{display:block;margin:8px 0 25px;color:var(--olive);font:7px var(--mono);text-transform:uppercase}.history-card h3{margin:0 0 9px;font-size:31px;letter-spacing:-1.5px}.history-card header p{margin:0;color:var(--olive);font-size:10px;line-height:1.65}.history-body{padding:30px;border-left:1px solid var(--line)}.history-body>p{margin:0 0 20px;color:var(--olive);font-size:10px;line-height:1.75}.shine{padding:15px 0;border-top:1px solid var(--line)}.shine strong,.modern-card>div>strong,.modern-card aside>strong{font:7px var(--mono);text-transform:uppercase;letter-spacing:.7px}.shine p{margin:6px 0 0;color:var(--olive);font-size:9px;line-height:1.65}.mini-code,.full-code{margin-top:15px;background:var(--olive-dark);color:var(--cream)}.mini-code>div,.full-code>header{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--olive)}.mini-code>div>span,.full-code header>span{color:var(--olive-light);font:7px var(--mono);text-transform:uppercase}.mini-code button,.full-code button{border:0;background:none;color:var(--olive-light);font:7px var(--mono);text-transform:uppercase;cursor:pointer}.mini-code pre,.full-code pre{margin:0;padding:17px;overflow:auto}.mini-code code,.full-code code{color:var(--cream);font:9px/1.7 var(--mono);white-space:pre}.history-body>a,.modern-card>a{display:inline-block;margin-top:17px;color:var(--brown);font:8px var(--mono)}.history-body>a b,.modern-card>a b{margin-left:6px;font-weight:400}
.manifesto{margin:0 0 45px 63px;padding:30px;border-left:4px solid var(--brown);background:var(--cream-light)}.manifesto strong{font:24px/1.4 Georgia,serif}.manifesto p{max-width:700px;margin:12px 0 0;color:var(--olive);font-size:10px;line-height:1.7}.modern-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.modern-card{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.modern-card>header{display:flex;align-items:center;gap:13px;margin-bottom:18px}.modern-card header>span{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--olive-dark);color:var(--cream-light);font:9px var(--mono)}.modern-card header small{color:var(--brown);font:7px var(--mono);text-transform:uppercase}.modern-card h3{margin:3px 0 0;font-size:22px}.modern-card>p{min-height:68px;margin:0;color:var(--olive);font-size:10px;line-height:1.7}.modern-card>div:not(.mini-code),.modern-card>aside{padding:15px 0;border-top:1px solid var(--line)}.modern-card>div:not(.mini-code) p,.modern-card aside p{margin:6px 0 0;color:var(--olive);font-size:9px;line-height:1.65}.modern-card>aside{margin-top:auto}.modern-card aside strong::before{content:"△";margin-right:6px;color:var(--brown)}
.comparison-table{margin-left:63px;overflow:auto;border:1px solid var(--line)}.comparison-table table{width:100%;border-collapse:collapse;font-size:9px}.comparison-table th,.comparison-table td{min-width:115px;padding:14px;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-table thead th{background:var(--olive-dark);color:var(--cream);font:7px var(--mono);text-transform:uppercase}.comparison-table tbody th{color:var(--olive);font-size:8px}.comparison-table code{color:var(--brown);font:8px var(--mono)}.convention-grid{margin-left:63px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.convention-grid article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.convention-grid span{color:var(--brown);font:8px var(--mono)}.convention-grid code{display:block;margin:15px 0;font:18px var(--mono)}.convention-grid p{margin:0;color:var(--olive);font-size:9px}.same-function{margin:25px 0 0 63px;border:1px solid var(--line)}.same-function>header{padding:12px 16px;border-bottom:1px solid var(--line);font:7px var(--mono);text-transform:uppercase;color:var(--olive)}.same-function>div{display:grid;grid-template-columns:repeat(4,1fr)}.same-function code{padding:18px;border-right:1px solid var(--line);font:9px var(--mono)}.same-function code:last-child{border:0}.same-function small{display:block;margin-bottom:7px;color:var(--brown);font:6px var(--mono)}
.typing-intro{margin-left:63px;padding:30px;display:flex;align-items:end;justify-content:space-between;gap:30px;background:var(--olive-dark);color:var(--cream)}.typing-intro h3{margin:0 0 8px;font-size:22px}.typing-intro p{max-width:590px;margin:0;color:var(--olive-light);font-size:10px;line-height:1.7}.typing-intro>span{white-space:nowrap;color:var(--brown);font:8px var(--mono)}.typing-pair{margin:25px 0 0 63px}.type-table{margin-top:25px}.object-diagram{margin-left:63px;display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;padding:35px;background:color-mix(in srgb,var(--olive-light) 10%,white);border:1px solid var(--line)}.class-blueprint,.object-instance{padding:23px;border:1px solid var(--olive-light);background:white}.class-blueprint>small,.object-instance>small{color:var(--brown);font:7px var(--mono);text-transform:uppercase}.class-blueprint>strong,.object-instance>strong{display:block;margin:9px 0 18px;font-size:22px}.class-blueprint>span,.object-instance>span{display:block;padding:9px 0;border-top:1px solid var(--line);color:var(--olive);font:9px/1.6 var(--mono)}.class-blueprint span>b{display:block;color:var(--olive-dark);font-size:7px}.object-diagram>i{color:var(--brown);font:8px var(--mono);font-style:normal}.definition-grid{margin:25px 0 0 63px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.definition-grid article{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.definition-grid span{color:var(--brown);font:8px var(--mono);text-transform:uppercase}.definition-grid p{margin:8px 0 0;color:var(--olive);font-size:9px;line-height:1.6}.full-code{margin:25px 0 0 63px}.full-code pre{padding:25px}.full-code code{font-size:10px}.pillar-grid{margin-left:63px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.pillar-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pillar-grid article>span{float:right;color:var(--brown);font:8px var(--mono)}.pillar-grid article>small{color:var(--olive);font:7px var(--mono);text-transform:uppercase}.pillar-grid h3{margin:10px 0;font-size:21px}.pillar-grid article>p{min-height:70px;margin:0;color:var(--olive);font-size:9px;line-height:1.7}.pillar-grid aside{margin-top:17px;padding:13px;background:var(--cream-light);color:var(--olive);font-size:8px;line-height:1.6}.pillar-grid aside strong{display:block;margin-bottom:4px;color:var(--brown);font:7px var(--mono);text-transform:uppercase}.composition-note{margin:25px 0 0 63px;padding:25px;display:grid;grid-template-columns:150px 1fr;gap:25px;border:1px solid var(--brown)}.composition-note>span{color:var(--brown);font:18px/1.4 Georgia,serif}.composition-note h3{margin:0 0 6px;font-size:16px}.composition-note p{margin:0;color:var(--olive);font-size:9px;line-height:1.7}.enum-values{margin:40px 0 0 63px;display:flex;align-items:center;justify-content:space-between;gap:8px}.enum-values span{padding:11px 14px;border:1px solid var(--line);font:8px var(--mono)}.enum-values i{color:var(--olive-light);font-style:normal}.enum-code header>div{height:100%;display:flex}.enum-code header>div button{height:100%;padding:0 13px;border-bottom:2px solid transparent}.enum-code header>div button.active{border-color:var(--brown);color:var(--cream)}
.next-steps{margin:100px 0;padding:55px;background:var(--olive-dark);color:var(--cream-light)}.next-steps .eyebrow{color:var(--olive-light)}.next-steps .eyebrow span{color:var(--cream);border-color:var(--brown)}.next-steps h2{margin:0;font-size:48px;line-height:1.05;letter-spacing:-3px}.next-steps>p:nth-of-type(2){color:var(--olive-light);font-size:10px}.next-steps>div{display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px;border-top:1px solid var(--olive);border-left:1px solid var(--olive)}.next-steps a{display:flex;justify-content:space-between;padding:15px;border-right:1px solid var(--olive);border-bottom:1px solid var(--olive);font-size:9px}.next-steps a>b{color:var(--brown);font:7px var(--mono);font-weight:400}.module-footer{min-height:150px;padding:40px 5vw;display:flex;align-items:center;background:var(--olive-dark);color:var(--cream-light)}.footer-brand{min-width:225px}.footer-brand>small{border-color:var(--olive);color:var(--olive-light)}.module-footer>p{margin:auto;color:var(--olive-light);font-size:9px}.module-footer>a{padding-bottom:4px;border-bottom:1px solid var(--brown);font:8px var(--mono);text-transform:uppercase}
@media(max-width:1000px){.programming-hero{padding-left:6vw;padding-right:6vw}.chapter-nav{grid-template-columns:repeat(3,1fr)}.reading-layout{grid-template-columns:1fr;padding:0 6vw}.reading-index{display:none}.history-line,.section-intro,.manifesto,.comparison-table,.convention-grid,.same-function,.typing-intro,.typing-pair,.object-diagram,.definition-grid,.full-code,.pillar-grid,.composition-note,.enum-values{margin-left:0}.modern-grid{grid-template-columns:1fr}.modern-card>p{min-height:auto}.module-footer>p{text-align:center}}
@media(max-width:700px){.module-header{height:70px;padding:0 20px}.module-brand{min-width:auto}.brand-logo-crop{width:112px}.brand-logo-crop img{width:190px;height:190px;left:-39px;top:-81px}.module-id{display:none}.all-modules{min-width:auto;font-size:8px}.programming-hero{min-height:auto;display:block;padding:65px 24px}.hero-copy h1{font-size:51px;letter-spacing:-3.5px}.hero-copy>p:last-child{font-size:12px}.hero-code{display:none}.chapter-nav{grid-template-columns:repeat(2,1fr);margin-top:55px}.chapter-nav a{min-height:75px}.reading-layout{padding:0 24px}.content-section{padding:75px 0}.section-title{grid-template-columns:38px 1fr;gap:12px}.section-title>span{width:34px;height:34px}.section-title h2{font-size:38px;letter-spacing:-2px}.section-intro{font-size:11px}.lead-grid{display:block;padding-left:0}.lead{margin-bottom:25px;font-size:21px}.translation-flow{grid-template-columns:1fr}.translation-flow>i{transform:rotate(90deg);justify-self:center}.concept-pair,.convention-grid,.pillar-grid{grid-template-columns:1fr}.history-line{border-left:0}.history-card{grid-template-columns:1fr}.history-card::before{display:none}.history-card>header{padding:25px 0}.history-body{padding:0 0 35px;border-left:0}.modern-card{padding:23px}.comparison-table{margin-right:-24px}.same-function>div{grid-template-columns:1fr 1fr}.same-function code:nth-child(2){border-right:0}.typing-intro{display:block;padding:24px}.typing-intro>span{display:block;margin-top:20px;white-space:normal}.object-diagram{grid-template-columns:1fr;padding:22px}.object-diagram>i{transform:rotate(90deg);justify-self:center}.definition-grid{grid-template-columns:1fr 1fr}.composition-note{grid-template-columns:1fr}.enum-values{display:grid;grid-template-columns:1fr}.enum-values i{transform:rotate(90deg);justify-self:center}.enum-code header{height:auto;min-height:80px;align-items:stretch;flex-direction:column;padding:8px}.enum-code header>div{height:38px}.enum-code header>button{align-self:flex-end;margin-top:5px}.next-steps{margin:75px -24px 0;padding:45px 24px}.next-steps h2{font-size:39px}.next-steps>div{grid-template-columns:1fr}.module-footer{display:grid;grid-template-columns:1fr auto;gap:25px;padding:35px 24px}.module-footer>p{grid-column:1/-1;grid-row:2;margin:0;text-align:left}.footer-brand{min-width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.topic-links{margin:20px 0 0 63px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topic-links>span{margin-right:4px;color:var(--olive);font:7px var(--mono);text-transform:uppercase}.topic-links a{padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:var(--brown);font:7px var(--mono);transition:background .2s}.topic-links a:hover{background:var(--cream-light)}
@media(max-width:1000px){.topic-links{margin-left:0}}
.scope-chip{width:max-content;max-width:100%;margin-top:24px;padding:10px 13px;display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:white}.scope-chip strong{color:var(--brown);font:7px var(--mono);text-transform:uppercase;letter-spacing:.7px}.scope-chip span{color:var(--olive);font-size:8px}.scope-banner{margin:35px 0 0 63px;padding:24px 28px;display:grid;grid-template-columns:130px 1fr;gap:25px;border:1px solid var(--brown);background:var(--cream-light)}.scope-banner>span{color:var(--brown);font:8px var(--mono);text-transform:uppercase;letter-spacing:.8px}.scope-banner strong{font-size:13px}.scope-banner p{margin:7px 0 0;color:var(--olive);font-size:9px;line-height:1.75}.sample-note{margin:-15px 0 35px 63px;padding:20px 23px;border-left:3px solid var(--olive-light);background:color-mix(in srgb,var(--olive-light) 8%,white)}.sample-note strong{font-size:10px}.sample-note p{margin:6px 0 0;color:var(--olive);font-size:9px;line-height:1.7}.modern-sample{margin-top:-25px}.keyword-nuance{margin:35px 0 25px 63px;padding:24px;background:var(--olive-dark);color:var(--cream-light)}.keyword-nuance strong{font-size:12px}.keyword-nuance p{margin:8px 0 0;color:var(--olive-light);font-size:9px;line-height:1.75}.keyword-nuance code{color:var(--cream);font:8px var(--mono)}.keyword-map{margin:0 0 25px 63px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.keyword-map>article{display:grid;grid-template-columns:230px 1fr;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.keyword-map>article>header{padding:23px}.keyword-map>article>header>span{color:var(--brown);font:7px var(--mono)}.keyword-map h3{margin:12px 0 7px;font-size:15px}.keyword-map header p{margin:0;color:var(--olive);font-size:8px;line-height:1.6}.keyword-map>article>div{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line)}.keyword-map section{min-height:105px;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.keyword-map section:nth-child(even){border-right:0}.keyword-map section:nth-last-child(-n+2){border-bottom:0}.keyword-map section code{color:var(--brown);font:10px var(--mono)}.keyword-map section p{margin:8px 0 5px;color:var(--olive-dark);font-size:8px;line-height:1.55}.keyword-map section small{color:var(--olive-light);font:6px var(--mono);text-transform:uppercase;line-height:1.5}.keyword-footnote{margin:0 0 25px 63px;color:var(--olive);font-size:8px;line-height:1.7}.keyword-footnote code{color:var(--brown);font:8px var(--mono)}
@media(max-width:1000px){.scope-banner,.sample-note,.keyword-nuance,.keyword-map,.keyword-footnote{margin-left:0}.keyword-map>article{grid-template-columns:200px 1fr}}
@media(max-width:700px){.scope-chip{width:100%;align-items:flex-start;flex-direction:column}.scope-banner{grid-template-columns:1fr}.sample-note{margin-top:0}.modern-sample{margin-top:-20px}.keyword-map>article{grid-template-columns:1fr}.keyword-map>article>div{border-left:0;border-top:1px solid var(--line)}.keyword-map>article>header{padding:20px}.keyword-map section{min-height:115px;padding:13px}}