:root{color-scheme:light;--ink:#193e3b;--muted:#52685d;--line:#d7dfd4;--paper:#f4f5ef;--teal:#087f78;--forest:#193e3b;--accent:#b94d24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #c65b30;outline-offset:5px;border-radius:3px}svg{max-width:100%;height:auto}p{line-height:1.75}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(40px,5.2vw,72px);margin:18px 0 24px;font-weight:730}h2{font-size:clamp(26px,3vw,36px);margin:8px 0 18px}h3{font-size:21px;margin:18px 0 12px}em{font-style:normal;color:var(--teal)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}section[id],main[id]{scroll-margin-top:25px}.skip-link{position:fixed;left:20px;top:-100px;background:#fff;color:var(--ink);padding:12px 18px;z-index:10;border:2px solid var(--ink);border-radius:7px}.skip-link:focus{top:15px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:none;min-height:98px;padding:20px max(28px,calc((100vw - 1240px)/2));background:var(--forest);color:#f4f5ef}.site-brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:19px;font-weight:720;line-height:1.3;white-space:nowrap}.site-brand small{display:block;font-size:8px;letter-spacing:.16em;color:#c5d7cc;margin-top:6px}.brand-symbol{display:grid;place-items:center;width:42px;height:46px;border:1px solid #88a9a3;border-radius:10px;font-size:34px;font-weight:400;color:#d5e9be}.site-nav{display:flex;flex-wrap:wrap;gap:12px 27px}.site-nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:550;color:#e1ede4;text-decoration:none}.site-nav a:hover{text-decoration:underline;color:#fff}.site-main{max-width:1296px;margin:0 auto;padding:0 28px}.eyebrow{font-size:10px;line-height:1.6;font-weight:750;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.home-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:65px;align-items:center;padding:78px 0 64px}.hero-copy{min-width:0}.hero-lead{font-size:17px;line-height:1.85;max-width:54ch;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 19px;border:1px solid var(--teal);border-radius:7px;background:var(--teal);color:#fff;text-decoration:none;font-size:13px;font-weight:670;line-height:1.5}.button:hover{background:#066d66;text-decoration:none}.text-link{font-size:12px;font-weight:630;line-height:1.8}.quiet-facts{display:flex;gap:10px 22px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0;font-size:10px;color:var(--muted)}.quiet-facts li::before{content:"";display:inline-block;width:5px;height:5px;background:#6d927a;border-radius:50%;margin-right:7px;vertical-align:middle}.network-figure{margin:0;background:#e8eee1;border:1px solid #cfdbca;border-radius:16px;padding:22px 25px;min-width:0}.figure-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.figure-heading .eyebrow{font-size:8px;letter-spacing:.11em;color:#516c5b}.figure-tag{font-size:11px;white-space:nowrap;color:#55715f}.network-diagram{width:100%;display:block;margin:15px 0 10px}.diagram-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;fill:var(--ink)}.figure-equation{border-top:1px solid #ccd8c6;padding-top:17px;display:flex;flex-direction:column;gap:9px}.figure-equation>span{font-size:8px;letter-spacing:.15em;color:#55715f;font-weight:700}.figure-equation code{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.network-figure figcaption{font-size:10px;line-height:1.7;color:#5e7362;margin-top:16px}
.home-section{padding:32px 0 40px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.section-title>div{max-width:670px}.section-title .eyebrow{margin:0}.section-title h2{margin-bottom:0}.section-title>p{font-size:13px;color:var(--muted);max-width:330px;margin:0}.experiment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.experiment-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:#fff;padding:25px;min-width:0}.experiment-card.featured{background:#eaf1e5;border-color:#bacfb7}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-topline .eyebrow{font-size:9px}.card-number{font-size:11px;color:#57765f;font-variant-numeric:tabular-nums}.pattern{display:block;height:100px;width:200px;max-width:100%;margin:15px auto 0}.xor-pattern{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(2,32px);gap:14px 28px;justify-content:center;align-content:center}.xor-pattern span{display:grid;place-items:center;background:#e7cbbb;color:#783d25;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.xor-pattern span:nth-child(2),.xor-pattern span:nth-child(3){border-radius:50%;background:#c4dfd3;color:#155e51}.experiment-card h3{font-size:22px;line-height:1.25;margin-top:20px}.experiment-card p{font-size:13px;color:var(--muted);margin:0 0 22px}.card-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font-weight:680;font-size:13px;border-top:1px solid var(--line);padding-top:14px;text-decoration:none}.card-link:hover{text-decoration:underline}.experiment-card small{font-size:9px;color:#617164;line-height:1.7;margin-top:12px}
.gradient-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:90px;background:var(--forest);color:#eef5e8;border-radius:16px;padding:42px 46px;margin:25px 0 36px}.gradient-feature .eyebrow{color:#bfd7aa}.gradient-feature h2{font-size:clamp(29px,3.4vw,42px);letter-spacing:-.045em}.gradient-feature p{font-size:13px;color:#c7dacc;max-width:54ch}.button-light{background:#e2efca;border-color:#e2efca;color:var(--ink);margin-top:14px}.button-light:hover{background:#f0f8df;border-color:#f0f8df}.gradient-notes{border-left:1px solid #52756a;padding-left:38px;align-self:center}.gradient-notes .big-equation{font-size:clamp(28px,3.5vw,43px);letter-spacing:-.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.3;margin:4px 0 27px;color:#e1efcb}.gradient-notes ol{padding-left:20px;font-size:12px;line-height:1.8;color:#bfd3c6;margin:0}.gradient-notes li{padding-left:8px;margin:9px 0}.gradient-notes li::marker{color:#d2e6b9;font-size:10px}.gradient-notes li span{color:#f4f8f0;font-weight:650}.gradient-notes .feature-caption{font-size:10px;line-height:1.8;margin:23px 0 0;color:#c1d4c5}
.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 42px}.learning-card{display:flex;align-items:start;gap:19px;min-width:0;padding:25px 0;border-top:1px solid var(--line)}.path-number{width:32px;flex:0 0 32px;display:grid;place-items:center;height:32px;border:1px solid #cedac8;border-radius:7px;font-size:10px;color:#59715b;background:#edf1e7;font-variant-numeric:tabular-nums}.learning-card>div{min-width:0}.learning-card h3{font-size:19px;margin:4px 0 10px}.learning-card p{font-size:13px;color:var(--muted);margin:0 0 15px}.lesson-links{display:flex;gap:4px 24px;flex-wrap:wrap}.lesson-links a{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:650;min-height:34px}.scope-panel{display:flex;gap:25px;align-items:start;border-top:1px solid #cfdaca;border-bottom:1px solid #cfdaca;padding:30px 0;margin:15px 0 50px}.scope-symbol{font-size:42px;color:#728a6b;line-height:1}.scope-panel h2{font-size:19px;letter-spacing:-.02em;margin:0 0 10px}.scope-panel p{font-size:12px;color:var(--muted);margin:0;max-width:110ch}.site-footer{max-width:1296px;margin:0 auto;display:flex;gap:16px 30px;justify-content:space-between;align-items:center;padding:0 28px 35px;font-size:10px;color:#5f7365;line-height:1.7}.site-footer a{font-size:10px;color:#436853}.footer-divider{padding:0 7px;color:#8a9a86}
/* Shared reading layout: equations and wide tables remain inside the article. */
.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:58px;align-items:start;padding:48px 0 60px}.lesson-layout>*{min-width:0}.lesson-content{min-width:0;max-width:84ch;font-size:15px;line-height:1.85;overflow-wrap:break-word}.lesson-content h1{font-size:clamp(34px,4.8vw,53px);line-height:1.12;margin:15px 0 27px}.lesson-content h2{font-size:26px;margin:42px 0 18px;line-height:1.3;scroll-margin-top:25px}.lesson-content h3{font-size:19px;line-height:1.4;margin:28px 0 12px}.lesson-content p{color:#405b4c;margin:17px 0}.lesson-content ul,.lesson-content ol{padding-left:24px;color:#405b4c}.lesson-content li{margin:8px 0;padding-left:3px}.lesson-content blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid #86a071;background:#e9efe2}.lesson-content pre{white-space:pre;overflow:auto;max-width:100%;padding:20px;border:1px solid #d9e2d1;border-radius:9px;background:#eaf0e3;line-height:1.8;font-size:12px;color:#315341}.lesson-content :not(pre)>code{font-size:.87em;background:#e8eee0;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.lesson-content pre code{white-space:pre;font-size:inherit}.lesson-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;margin:24px 0;font-variant-numeric:tabular-nums}.lesson-content th,.lesson-content td{padding:11px 14px;border:1px solid #d6e0cf;text-align:left;vertical-align:top}.lesson-content th{background:#e6eddd;font-weight:650}.lesson-content hr{border:0;border-top:1px solid var(--line);margin:34px 0}.lesson-content img{max-width:100%;height:auto}.lesson-sidebar{border:1px solid #d4dfca;border-radius:12px;background:#eaf0e3;padding:20px;position:sticky;top:24px;font-size:12px;line-height:1.7}.lesson-sidebar h2,.lesson-sidebar h3{font-size:16px;margin:0 0 12px;line-height:1.4}.lesson-sidebar .eyebrow{font-size:9px;margin:0 0 10px}.lesson-sidebar nav{display:grid;gap:5px}.lesson-sidebar nav a{display:block;min-height:38px;padding:8px 0;font-size:12px}.lesson-sidebar ul,.lesson-sidebar ol{padding-left:18px;margin:12px 0}.lesson-sidebar li{margin:9px 0}.lesson-sidebar p{font-size:11px;color:var(--muted)}.lesson-sidebar .button{display:flex;gap:10px;margin-top:15px;font-size:11px}.lesson-sidebar a[aria-current="page"]{font-weight:750;color:var(--ink)}
.lesson-table{max-width:100%;overflow-x:auto;margin:24px 0}.lesson-table table{margin:0}.lesson-content .katex{font-size:1.06em}.lesson-content .katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0;margin:22px 0}.lesson-content eqn{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0}.lesson-content eqn .katex-display{overflow:visible;margin:12px 0}.lesson-content h1 .katex,.lesson-content h2 .katex,.lesson-content h3 .katex{display:inline-block;max-width:100%;overflow-x:auto;overflow-y:hidden;vertical-align:bottom}.lesson-content section{min-width:0;max-width:100%}
@media(max-width:1050px){.home-hero{gap:35px;padding:56px 0 45px}.hero-actions{gap:15px}.network-figure{padding:18px}.figure-equation code{font-size:10px}.experiment-card{padding:21px}.gradient-feature{gap:45px;padding:35px}.gradient-notes{padding-left:25px}.lesson-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.learning-grid{column-gap:25px}}
@media(max-width:800px){.site-header{padding:18px 24px;flex-wrap:wrap;gap:10px}.site-nav{gap:0 23px;flex-basis:100%}.site-nav a{font-size:12px}.site-main{padding:0 24px}.home-hero{grid-template-columns:1fr;gap:30px;padding:38px 0}.hero-copy{max-width:680px}h1{font-size:clamp(42px,7vw,60px)}.network-figure{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px}.figure-heading{grid-column:1/-1}.network-diagram{grid-row:2/4;margin:10px 0 0}.figure-equation{align-self:end;border:0;padding:15px 0 0}.network-figure figcaption{margin-top:10px;align-self:start}.section-title{display:block}.section-title>p{max-width:60ch;margin-top:15px}.experiment-grid{grid-template-columns:1fr}.experiment-card{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:0 25px;padding:22px 25px}.card-topline,.experiment-card h3,.experiment-card>p{grid-column:1}.experiment-card h3{margin-top:10px}.experiment-card .pattern{grid-column:2;grid-row:1/4;align-self:center;margin:0}.experiment-card .card-link,.experiment-card small{grid-column:1/-1}.experiment-card p{margin-bottom:15px}.gradient-feature{grid-template-columns:1fr;gap:28px}.gradient-notes{padding:25px 0 0;border-left:0;border-top:1px solid #52756a}.gradient-notes .big-equation{font-size:34px}.gradient-feature p{max-width:none}.learning-grid{grid-template-columns:1fr;gap:0}.scope-panel{margin-bottom:30px}.site-footer{padding:0 24px 30px;flex-wrap:wrap;gap:12px 25px}.lesson-layout{grid-template-columns:1fr;padding-top:30px}.lesson-content{max-width:none}.lesson-sidebar{position:static}.lesson-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 24px}.lesson-sidebar .button{width:fit-content}}
@media(max-width:480px){.site-header{padding:16px 18px}.site-brand{font-size:17px}.brand-symbol{width:36px;height:40px;font-size:29px}.site-brand small{font-size:7px}.site-nav{gap:0 18px}.site-nav a{font-size:11px}.site-main{padding:0 18px}h1{font-size:42px;letter-spacing:-.05em}.hero-lead{font-size:15px}.hero-actions{align-items:start;flex-direction:column;gap:15px}.quiet-facts{gap:10px 17px;font-size:9px}.network-figure{display:block;padding:19px}.figure-equation{border-top:1px solid #ccd8c6}.figure-equation code{font-size:11px}.network-diagram{max-height:220px;margin:12px 0}.home-section{padding:22px 0 28px}.section-title h2{font-size:28px}.experiment-card{display:flex;padding:22px}.experiment-card .pattern{height:95px;margin:8px auto 0}.experiment-card h3{margin-top:18px}.gradient-feature{padding:26px 23px;margin-top:15px;border-radius:12px}.gradient-feature h2{font-size:31px}.gradient-notes .big-equation{font-size:28px}.learning-card{gap:14px;padding:23px 0}.learning-card h3{font-size:18px}.lesson-links{gap:4px 18px}.scope-panel{gap:16px;padding:26px 0}.scope-symbol{font-size:33px}.scope-panel h2{font-size:18px}.site-footer{padding:0 18px 28px;flex-direction:column;align-items:start;gap:8px}.lesson-content{font-size:14px}.lesson-content h1{font-size:35px}.lesson-content h2{font-size:23px}.lesson-content pre{font-size:11px;padding:14px}.lesson-content table{font-size:11px}.lesson-content th,.lesson-content td{padding:9px}.lesson-sidebar nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}@media print{.site-header,.site-nav,.skip-link,.site-footer,.lesson-sidebar{display:none}.site-main{max-width:none;padding:0}.lesson-layout{display:block;padding:0}.lesson-content{max-width:none}.lesson-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.home-hero{padding-top:0}.gradient-feature{background:#fff;color:var(--ink);border:1px solid #ccc}.gradient-feature p,.gradient-feature .eyebrow,.gradient-notes .big-equation,.gradient-notes li,.gradient-notes li span{color:var(--ink)}a{color:inherit}.button{background:#fff;color:var(--ink)}}