:root{--bg:#e6e1d5;--paper:#f5f1e8;--ink:#182019;--muted:#536052;--line:#182019;--moss:#315c3c;--moss-light:#d8e2c4;--oxide:#a54b31;--sun:#e8c65d;--focus:#143e99;--shadow:5px 5px 0 #c8c3b7}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 5% 10%,#f1eee5 0 1px,transparent 1.6px) 0 0/12px 12px,var(--bg);color:var(--ink);font:17px/1.5 Arial,Helvetica,sans-serif}a{color:#143e99;text-underline-offset:3px;text-decoration-thickness:2px}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.skip{position:absolute;left:12px;top:-60px;display:inline-flex;align-items:center;min-width:44px;min-height:44px;background:var(--ink);color:#fff;padding:10px;z-index:5}.skip:focus{top:12px}header,footer,main{max-width:1280px;margin:auto;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}header{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--line)}.wordmark{display:inline-flex;flex-direction:column;justify-content:center;min-width:44px;min-height:44px;color:var(--ink);font:800 20px/15px Georgia,serif;text-decoration:none;letter-spacing:-.05em}.wordmark i{color:var(--moss);font:700 16px/14px Arial,sans-serif;letter-spacing:.03em;font-style:normal}nav{display:flex;gap:clamp(12px,3vw,32px);align-items:center}nav a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;color:var(--ink);font-weight:700}.demo-banner{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--moss);color:#fff;padding:10px max(20px,calc((100vw - 1280px)/2 + 5vw));font-size:14px}.demo-banner a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;color:#fff;font-weight:700}.hero{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:56px 0 72px}.eyebrow{margin:0 0 12px;color:var(--moss);font-weight:800;font-size:12px;letter-spacing:.13em}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{font-family:Georgia,serif;line-height:.98;letter-spacing:-.04em}h1{max-width:9ch;margin:0;font-size:clamp(3rem,6.8vw,6rem)}h2{margin:.1em 0 .3em;font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:15px;letter-spacing:.07em;text-transform:uppercase}.lede{max-width:32ch;margin:22px 0;font-size:clamp(18px,2vw,23px)}.button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:45px;padding:10px 15px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-weight:800;line-height:1.15;text-decoration:none}.button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.button.primary{border-color:var(--moss);background:var(--moss);box-shadow:4px 4px 0 var(--ink);color:#fff}.action-note{display:inline-block;max-width:19ch;margin:10px 0 0 14px;vertical-align:middle;font-size:14px}.facts{margin:28px 0 0;padding-left:22px;list-style:"—  ";font-size:15px;line-height:1.75}.hero-art{position:relative;margin:0}.hero-art img{display:block;width:100%;height:auto;border:2px solid var(--ink);box-shadow:var(--shadow);filter:saturate(.82) contrast(1.06)}figcaption{position:absolute;right:-14px;bottom:-14px;padding:8px 10px;border:2px solid var(--ink);background:var(--sun);transform:rotate(-2deg);font:700 13px/1 Arial,sans-serif}.field-section{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:52px 0;border-top:2px solid var(--line);border-bottom:2px solid var(--line)}.field-section p{max-width:46ch}.catalog-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;white-space:nowrap;font-size:14px}.steps{padding:70px 0}.steps h2,.limits h2{max-width:16ch}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{max-width:27ch;padding-top:16px;border-top:8px solid var(--moss)}.steps li:before{display:block;color:var(--oxide);font:800 42px Georgia,serif;counter-increment:step;content:"0" counter(step)}.steps strong{display:block;font-size:20px}.limits{max-width:68ch;margin:0 0 72px;padding:42px;border:2px solid var(--moss);background:var(--moss-light)}.limits p{max-width:62ch}.lab-main{padding-top:42px;padding-bottom:72px}.lab-top{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:2px solid var(--line)}.lab-top h1{max-width:12ch;font-size:clamp(2.6rem,5vw,5rem)}.lab-top p{margin:8px 0 0}.offline{margin:0;padding:10px 12px;border-bottom:2px solid var(--line);background:#ede5b9;font-size:14px}.workbench{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;padding-top:30px}.catalog{position:sticky;top:14px;align-self:start}.catalog label{display:block;margin-bottom:6px;font-size:14px;font-weight:700}.catalog select{width:100%;min-height:44px;padding:5px;border:2px solid var(--ink);background:var(--paper)}.drill-list{display:grid;gap:8px;max-height:66vh;margin-top:12px;padding:0 7px 8px 0;overflow:auto}.drill{display:grid;gap:2px;min-height:82px;padding:10px;border:2px solid var(--ink);background:transparent;text-align:left}.drill:hover,.drill.selected{background:var(--moss-light);box-shadow:3px 3px 0 var(--moss)}.drill span,.drill small{color:var(--muted);font-size:11px}.drill strong{font:700 17px Georgia,serif}.exercise{min-width:0;padding:clamp(18px,3vw,36px);border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow)}.exercise-head{display:flex;justify-content:space-between;gap:16px}.exercise-head h2{max-width:14ch;font-size:clamp(2.2rem,4vw,4.4rem)}.exercise-head p:not(.eyebrow){max-width:42ch;margin-bottom:0}.seed{display:block;flex:none;align-self:start;padding:8px;border:2px solid var(--ink);background:var(--sun);text-align:center;font-size:11px;letter-spacing:.08em}.seed b{font:800 28px Georgia,serif}.instruction-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-top:2px solid var(--line);border-left:2px solid var(--line)}.instruction-grid section{min-height:110px;padding:13px;border-right:2px solid var(--line);border-bottom:2px solid var(--line)}.instruction-grid h3{margin:0 0 7px}.instruction-grid p{margin:0;font-size:15px}.code-label{display:block;margin:0 0 8px;font-weight:700}textarea{display:block;width:100%;min-height:215px;padding:16px;border:3px solid var(--ink);background:#1b241d;color:#edf0e7;resize:vertical;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;tab-size:2}.hint{margin:8px 0 14px;color:var(--muted);font-size:13px}.run-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.text-button{min-width:44px;min-height:44px;padding:7px;border:0;background:none;color:#143e99;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.pass,.fail{font-weight:800}.pass{color:#1d6338}.fail{color:#842e22}.trace{margin-top:36px;padding-top:22px;border-top:2px solid var(--line)}.trace h3{margin:0}.trace p{margin:4px 0;font-size:13px}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:145px;padding:0 6px;border-bottom:2px solid var(--ink)}.bars span{display:block;border:2px solid var(--ink);background:var(--moss);animation:grow .45s ease-out both;transform-origin:bottom}.trace-bar--up-1{height:12%}.trace-bar--up-2{height:36.42%}.trace-bar--up-3{height:52.03%}.trace-bar--up-4{height:65.43%}.trace-bar--up-5{height:77.41%}.trace-bar--up-6{height:88.37%}.trace-bar--up-7,.trace-bar--down-1{height:100%}.trace-bar--down-2{height:75.58%}.trace-bar--down-3{height:59.97%}.trace-bar--down-4{height:46.57%}.trace-bar--down-5{height:34.59%}.trace-bar--down-6{height:23.63%}.trace-bar--down-7{height:12%}.trace-values{display:flex;justify-content:space-between;margin-top:6px;font:700 12px ui-monospace,monospace}.records{margin-top:36px;padding:18px;border:2px solid var(--ink);background:#e4dfd2}.records h3{margin-top:0}.records ol{padding-left:22px}.records li{padding:5px 0;font-size:14px}.replay{min-height:44px;padding:2px 5px;margin-left:5px}.legal{max-width:820px;padding-top:10vh;padding-bottom:12vh}.legal h1{max-width:12ch}.legal h2{margin-top:1.4em;font-size:30px}.legal code{padding:2px 4px;background:#d5d0c4}footer{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:34px;border-top:2px solid var(--line);color:var(--muted);font-size:13px}footer p{max-width:30ch;margin:0}footer a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;vertical-align:middle}.generated{font-size:11px}@keyframes grow{0%{opacity:.45;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:760px){header{min-height:70px}nav{gap:15px;font-size:14px}.hero{grid-template-columns:1fr;gap:32px;padding-top:36px}.hero-art{order:-1;margin:0 -4px}.hero-copy h1{max-width:11ch}.field-section,.lab-top{flex-direction:column;align-items:flex-start}.steps{padding:50px 0}.steps ol{grid-template-columns:1fr;gap:20px}.limits{margin-bottom:50px;padding:24px}.workbench{grid-template-columns:1fr;gap:18px}.catalog{position:static}.drill-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.drill{min-height:95px}.exercise{padding:18px}.instruction-grid{grid-template-columns:1fr}.exercise-head h2{font-size:40px}.lab-main{padding-top:28px}.demo-banner{flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;padding:9px 20px}.action-note{display:block;margin-left:0}footer{display:block}footer p+p{margin-top:12px}}@media(max-width:410px){body{font-size:16px}header,main,footer{padding-left:18px;padding-right:18px}nav{gap:11px}.wordmark{font-size:18px}.drill-list{grid-template-columns:1fr}.exercise-head{display:block}.seed{display:inline-block;margin-top:16px}.instruction-grid section{min-height:0}.run-row{align-items:stretch}.run-row .button{width:100%}.hero{min-height:0}}.demo-banner .text-button{color:#fff}.demo-banner .text-button:focus-visible{outline-color:#fff}