@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--paper:#faf8f2;--ink:#242821;--muted:#65695f;--line:#dcdfd4;--accent:#e77750;--green:#dce9c9;--mint:#e8eee3;--purple:#e9e5f2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #644ab4}::selection{background:#dce9c9}.site-shell{max-width:1320px;margin:auto;padding:0 54px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:11px;font-size:27px;font-weight:800;display:flex}.brand-dot{color:#bd4c29;margin-left:-10px}.brand-mark{background:var(--ink);width:39px;height:39px;color:var(--paper);letter-spacing:-5px;border-radius:12px;justify-content:center;align-items:center;padding-right:5px;font-size:23px;display:inline-flex}.brand-mark span{color:#d4e7b3}.site-header nav{gap:35px;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover,.text-link:hover{text-underline-offset:5px;text-decoration:underline}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:78px 0 70px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:1.65px;font-size:11px;font-weight:700;line-height:1.7}.tiny-star{color:#a64325;vertical-align:middle;margin-right:8px;font-size:21px}h1,h2,h3,p{margin:0}h1{letter-spacing:-3px;font-size:clamp(44px,4.4vw,64px);font-weight:600;line-height:1.08}.hero h1{margin:23px 0}.hero h1>span{color:#a94b30}.hero-copy>p{max-width:440px;color:var(--muted);font-size:16px;line-height:1.8}.button{background:var(--ink);color:#fff;border-radius:8px;align-items:center;gap:28px;margin-top:28px;padding:18px 23px;font-size:14px;font-weight:600;display:inline-flex}.button:hover{background:#424b37}.button>span{font-size:21px}.hero-note{color:var(--muted);align-items:center;gap:10px;margin-top:18px;font-size:11px;display:flex}.hero-note>span:first-child{color:#426331}.hero-art{background:#e9eedd;border:1px solid #d2dbc5;border-radius:18px;min-height:380px;padding:25px 28px 22px;position:relative;transform:rotate(-2deg);box-shadow:8px 12px #eeece3}.art-top{letter-spacing:1px;color:#485a3d;align-items:center;gap:7px;font-family:monospace;font-size:10px;display:flex}.art-top>span:last-child{margin-left:auto}.live-dot{background:#536c3e;border-radius:50%;width:6px;height:6px}.art-heading{letter-spacing:-.7px;margin-top:26px;font-size:21px;font-weight:600}.array-stage{justify-content:center;align-items:flex-end;gap:12px;margin-top:35px;display:flex}.array-item{text-align:center;width:52px}.bar{background:#ccdcb7;border:1px solid #899d74;border-radius:7px 7px 3px 3px;justify-content:center;align-items:center;font-family:monospace;font-size:25px;display:flex}.array-item small{color:#59644d;margin-top:8px;font-family:monospace;font-size:10px;display:block}.item-3 .bar{background:#edb394;border-color:#ad6c47;transform:translateY(-16px)}.item-4 .bar{background:#e2e7d7;border-color:#b0b8a1}.sorted-label{color:#485a3d;margin:9px 0 0 30px;font-family:monospace;font-size:10px}.key-label{text-align:right;color:#824726;margin:-13px 48px 25px 0;font-family:monospace;font-size:10px}.art-caption{color:#485a3d;border-top:1px solid #cbd4be;justify-content:space-between;align-items:center;padding-top:17px;font-size:10px;display:flex}.code-tag{background:#dae3cd;border-radius:4px;padding:5px 8px;font-family:monospace}.floating-note{background:#f8e5b4;border:1px solid #d9c893;border-radius:8px;padding:14px 19px;font-size:13px;position:absolute;bottom:-22px;right:-19px;transform:rotate(5deg);box-shadow:2px 4px #ddd8c64d}.floating-note span{margin-right:7px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:26px;padding:27px 0;display:grid}.principles>div{padding-left:37px;position:relative}.principles>div+div{border-left:1px solid var(--line);padding-left:55px}.principles span{color:#797e6c;font-family:monospace;font-size:10px;position:absolute;top:3px;left:0}.principles>div+div span{left:18px}.principles strong{font-size:14px;font-weight:600}.principles p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5}.catalogue-section{padding:65px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading h2{letter-spacing:-1.3px;margin-top:10px;font-size:33px;font-weight:600;line-height:1.2}.text-link{white-space:nowrap;font-size:12px;font-weight:600}.section-intro{color:var(--muted);margin-top:17px;font-size:14px;line-height:1.7}.module-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.module-card{border:1px solid var(--line);background:#fffefa;border-radius:12px;flex-direction:column;min-height:265px;padding:23px;display:flex}.card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.module-symbol{background:var(--green);border-radius:10px;place-items:center;width:40px;height:40px;font-size:26px;display:grid}.tone-1 .module-symbol,.tone-4 .module-symbol{background:var(--purple)}.tone-2 .module-symbol{background:#fae4bc}.tone-3 .module-symbol{background:#f4dbcd}.status{color:#616658;border:1px solid #d7dbd0;border-radius:20px;padding:5px 8px;font-size:10px}.module-card .eyebrow{color:#69715c;font-size:9px}.module-card h3,.module-card h2{letter-spacing:-.6px;margin:8px 0 10px;font-size:22px;font-weight:600}.module-card p{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.7}.card-bottom{color:#616658;border-top:1px solid #e7e8df;justify-content:space-between;margin-top:auto;padding-top:13px;font-family:monospace;font-size:9px;display:flex}.card-bottom>span:last-child{font-size:15px}.callout{background:#e9eedf;border-radius:12px;align-items:center;gap:25px;margin-bottom:60px;padding:31px;display:flex}.callout>span{color:#576b3d;font-size:48px}.callout h2{letter-spacing:-.7px;font-size:23px;font-weight:600}.callout p{color:#59654e;margin-top:8px;font-size:13px;line-height:1.7}.callout .text-link{margin-left:auto}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:27px 0 35px;font-size:10px;display:flex}.site-footer p{color:var(--ink);font-size:13px;font-weight:600}.inner-page{min-height:70vh;padding:65px 0 80px}.inner-page h1{margin:20px 0 25px}.page-intro{color:var(--muted);max-width:720px;font-size:17px;line-height:1.8}.notice{background:#ecefe3;border:1px solid #d7ddca;border-radius:12px;margin:30px 0;padding:23px;font-size:14px;line-height:1.8}.notice p{color:var(--muted);margin-top:5px}.next-step{max-width:750px;margin-top:45px}.next-step h2,.prose h2{letter-spacing:-.6px;margin:30px 0 12px;font-size:24px;font-weight:600}.next-step p,.prose p{color:var(--muted);font-size:16px;line-height:1.8}.prose{max-width:820px}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:15px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:15px}@media (min-width:1100px){.module-grid .module-card:nth-child(4),.module-grid .module-card:nth-child(5){min-height:250px}}@media (max-width:1000px){.site-shell{padding:0 30px}.hero{gap:30px}.hero-art{padding:22px 18px}.array-stage{gap:8px}.array-item{width:44px}.sorted-label{margin-left:5px}.key-label{margin-right:25px}.hero h1{font-size:48px}.module-grid{grid-template-columns:repeat(2,1fr)}.callout{flex-wrap:wrap}.callout .text-link{margin-left:74px}}@media (max-width:720px){.site-shell{padding:0 22px}.site-header{height:87px}.brand{font-size:22px}.brand-mark{width:32px;height:32px;font-size:20px}.site-header nav{gap:17px;font-size:11px}.site-header nav a:last-child{max-width:76px;line-height:1.5}.hero{grid-template-columns:1fr;gap:48px;padding:45px 0 55px}.hero h1{letter-spacing:-2.4px;font-size:49px}.hero-copy>p{font-size:15px}.hero-art{justify-self:center;width:calc(100% - 12px);max-width:470px;min-height:365px;padding:22px}.array-item{width:48px}.array-stage{gap:11px}.sorted-label{margin-left:13%}.key-label{margin-right:12%}.floating-note{right:-10px}.principles{grid-template-columns:1fr;gap:21px}.principles>div+div{border-left:0;padding-left:37px}.principles>div+div span{left:0}.section-heading{display:block}.section-heading h2{font-size:29px}.section-heading>.text-link{margin-top:20px;display:inline-block}.catalogue-section{padding:45px 0}.module-grid{grid-template-columns:1fr}.module-card{min-height:245px}.callout{gap:15px;margin-bottom:40px;padding:24px}.callout>span{font-size:37px}.callout>div{flex:1;min-width:190px}.callout h2{font-size:21px}.callout .text-link{margin-left:0}.site-footer{flex-direction:column;align-items:flex-start;gap:14px}.inner-page{padding-top:42px}.inner-page h1{font-size:45px}.page-intro{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline-offset:4px;outline:3px solid #644ab4}button{color:var(--ink);background:#fffefa;border:1px solid #c6ccbc;border-radius:7px;min-height:44px;padding:11px 15px;font-size:13px;font-weight:600}button:hover:not(:disabled){background:#e6eddc}.status-ready{color:#365425;background:#deebce;border-color:#c0d0a9}.lesson-card-link{text-underline-offset:5px;-webkit-text-decoration:underline #c0cdb4;text-decoration:underline #c0cdb4}.lesson-card-link:hover{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.lesson-page{padding:32px 0 70px}.breadcrumbs{color:var(--muted);gap:13px;font-size:12px;display:flex}.breadcrumbs a{text-underline-offset:4px;text-decoration:underline}.lesson-hero{padding:50px 0 35px}.lesson-hero h1{margin:17px 0 22px;font-size:clamp(44px,4.8vw,66px)}.lesson-hero h1 span{color:#a94b30}.lesson-jumps{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.lesson-jumps a{border:1px solid var(--line);border-radius:25px;padding:10px 15px;font-size:12px}.lesson-jumps a:hover{background:var(--green)}.learning-goals{background:#e9eedf;border-radius:12px;grid-template-columns:1.3fr 1fr;gap:40px;padding:28px 32px;display:grid}.learning-goals ul{margin:12px 0 0;padding-left:19px;font-size:14px;line-height:1.9;list-style:outside}.learning-goals p{color:#536047;margin-top:10px;font-size:13px;line-height:1.8}.lesson-section{padding-top:58px;scroll-margin-top:25px}.lesson-section h2{letter-spacing:-1.1px;margin:9px 0 18px;font-size:32px;font-weight:600;line-height:1.25}.lesson-intro,.explanation-block>p{color:var(--muted);max-width:850px;font-size:16px;line-height:1.85}.explanation-block{max-width:880px;margin-bottom:35px}.worked-example{background:#f0f2e9;border-left:3px solid #b5c79c;border-radius:0 8px 8px 0;margin-top:22px;padding:20px 24px}.worked-example p{margin-top:9px;font-size:15px;line-height:1.85}.terminology{flex-wrap:wrap;gap:9px;margin:18px 0;padding:0;list-style:none;display:flex}.terminology li{background:#eeece4;border-radius:6px;padding:9px 12px;font-size:12px;line-height:1.6}.visualizer,.detective-game,.detective-complete{background:#eef2e6;border:1px solid #d2dbc5;border-radius:14px;margin-top:25px;padding:28px}.sort-input-form>label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.input-row{gap:10px;display:flex}.input-row input{background:#fffefa;border:1px solid #bec8b0;border-radius:7px;width:100%;min-width:0;padding:12px 14px;font-size:15px}.input-row button{background:var(--ink);color:#fff;white-space:nowrap}.input-row button:hover:not(:disabled){background:#424b37}.helper-text{color:#59654f;margin:10px 0;line-height:1.7;font-size:12px!important}.input-error{color:#9e3026;margin-top:10px;font-size:13px;line-height:1.7}.presets{flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0 23px;display:flex}.presets>span{margin-right:3px;font-size:12px}.presets button{background:0 0;border-radius:20px;min-height:36px;padding:7px 11px;font-size:11px}.trace-player{border-top:1px solid #cbd5be;padding-top:22px}.trace-topline{color:#46563a;justify-content:space-between;align-items:center;gap:15px;font-family:monospace;font-size:11px;display:flex}.array-scroll{border-radius:6px;max-width:100%;padding:24px 3px 15px;overflow-x:auto}.value-array{gap:10px;min-width:min-content;display:flex}.value-cell{text-align:center;background:#fcfdf8;border:1px solid #b8c4ab;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:108px;min-height:128px;padding:10px 6px;display:flex}.value-cell strong{word-break:break-all;font-family:monospace;font-size:24px;font-weight:500;line-height:1.4}.value-cell strong:has(+small){max-width:100%}.value-cell small{color:#56634a;font-family:monospace;font-size:10px}.cell-marker{text-transform:uppercase;letter-spacing:.7px;font-size:9px}.is-sorted{background:#dfeacc;border-color:#829b62}.is-active{background:#f1c8ae;border:2px solid #a85a34;padding:9px 5px}.is-gap{background:0 0;border:2px dashed #8c7960;padding:9px 5px}.is-gap strong{font-size:35px}.key-tray{border-bottom:1px solid #ccd5bf;flex-wrap:wrap;align-items:center;gap:14px;padding:15px 0;font-size:12px;display:flex}.key-tray>strong{overflow-wrap:anywhere;background:#fae1ca;border:1px solid #c9976f;border-radius:5px;max-width:100%;padding:7px 13px;font-family:monospace;font-size:19px}.key-tray>span:last-child{color:#57634d}.trace-description{min-height:112px;padding:19px 0 14px}.trace-description>strong{text-transform:uppercase;letter-spacing:1.6px;color:#445e32;font-size:10px}.trace-description p{overflow-wrap:anywhere;margin-top:7px;font-size:15px;line-height:1.7}.trace-metrics{border-top:1px solid #ccd5bf;border-bottom:1px solid #ccd5bf;grid-template-columns:repeat(3,1fr);gap:15px;padding:16px 0;display:grid}.trace-metrics>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.trace-metrics strong{font-family:monospace;font-size:23px}.trace-metrics span{color:#536047;font-size:11px}.player-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.transport{flex-wrap:wrap;gap:8px;display:flex}.player-controls .primary-control{background:var(--ink);color:#fff;min-width:90px}.player-controls>label{align-items:center;gap:9px;font-size:12px;display:flex}.player-controls select{background:#fffefa;border:1px solid #bdc8af;border-radius:6px;min-height:44px;padding:9px}.pseudocode-panel,.storage-panel{border-top:1px solid #ccd5bf;margin-top:20px;padding-top:16px}.pseudocode-panel summary,.storage-panel summary{cursor:pointer;min-height:30px;font-size:13px;font-weight:600}.pseudocode-panel ol{margin-top:16px;padding-left:35px;font-family:monospace;font-size:12px;line-height:1.9;overflow-x:auto}.pseudocode-panel li{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid #0000;min-width:0;padding:3px 10px}.pseudocode-panel .current-line{background:#dbe6cc;border-left-color:#536f38;font-weight:600}.storage-panel p{color:#58644e;margin-top:10px;font-size:12px;line-height:1.8}.raw-values{overflow-wrap:anywhere;font-family:monospace}.empty-array{color:#59654f;padding:20px;font-size:15px}.lesson-quiz{margin-top:25px}.quiz-summary{background:#eeece4;border-radius:8px;padding:17px 20px;font-size:13px;line-height:1.7}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.quiz-card{border:1px solid var(--line);background:#fffefa;border-radius:12px;align-self:start;padding:25px}.quiz-card fieldset,.detective-game fieldset{border:0;min-width:0;margin:0;padding:0}.quiz-card legend,.detective-game legend{width:100%;margin-bottom:14px;padding:0;font-size:17px;font-weight:600;line-height:1.6}.quiz-card legend>span{margin-bottom:9px;display:block}.quiz-option{cursor:pointer;background:#fffefa;border:1px solid #dce0d3;border-radius:7px;align-items:flex-start;gap:10px;margin-top:8px;padding:12px 10px;font-size:13px;line-height:1.7;display:flex}.quiz-option:has(input:checked){background:#e9eedf;border-color:#7f9663}.quiz-option input{accent-color:#526d36;flex-shrink:0;margin-top:5px}.quiz-card button{margin-top:18px}.answer-feedback{border-radius:8px;margin-top:18px;padding:17px 18px;font-size:13px;line-height:1.8}.answer-feedback strong{font-size:14px}.answer-feedback p{margin-top:5px}.answer-correct{background:#dfeacc;border:1px solid #bdcfa5}.answer-retry{background:#f9e8d1;border:1px solid #d4bd9c}.detective-game form{margin-top:20px}.challenge-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hint-box{background:#f8e5b4;border-radius:7px;margin-top:15px;padding:16px 18px;font-size:13px;line-height:1.7}.detective-complete h3{margin-top:10px;font-size:25px;font-weight:600}.detective-complete p{max-width:650px;margin:15px 0;font-size:15px;line-height:1.8}.complexity-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.complexity-grid>div{background:#e9eedf;border:1px solid #d4dcc8;border-radius:9px;padding:24px}.complexity-grid span{font-size:12px;display:block}.complexity-grid strong{margin:13px 0;font-family:monospace;font-size:32px;display:block}.complexity-grid p{color:#536047;font-size:13px;line-height:1.8}.analysis-copy{max-width:850px}.analysis-copy h3{letter-spacing:-.5px;margin:30px 0 12px;font-size:21px;font-weight:600}.analysis-copy p,.analysis-copy li{color:var(--muted);font-size:15px;line-height:1.9}.analysis-copy ul{padding-left:20px;list-style:outside}.analysis-copy code{background:#eeece4;border-radius:3px;padding:2px 5px}.lesson-wrap{background:#e9eedf;border-radius:12px;align-items:center;gap:25px;margin-top:50px;padding:30px;display:flex}.lesson-wrap>span{color:#576b3d;font-size:45px}.lesson-wrap h2{letter-spacing:-.6px;font-size:24px;font-weight:600}.lesson-wrap p{color:#59654e;max-width:600px;margin-top:9px;font-size:13px;line-height:1.8}.lesson-wrap a{white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}@media (max-width:720px){.lesson-hero{padding:35px 0 25px}.lesson-hero h1{letter-spacing:-2px;font-size:44px}.lesson-jumps{gap:7px}.lesson-jumps a{padding:9px 12px;font-size:11px}.learning-goals{grid-template-columns:1fr;gap:22px;padding:23px}.lesson-section{padding-top:42px}.lesson-section h2{font-size:28px}.visualizer,.detective-game,.detective-complete{padding:19px}.input-row{flex-direction:column}.input-row button{align-self:flex-start}.trace-topline{align-items:flex-start;font-size:10px}.trace-topline .eyebrow{font-size:9px}.value-cell{width:94px;min-height:122px}.value-cell strong{font-size:22px}.trace-metrics{gap:12px}.trace-metrics>div{flex-direction:column;align-items:flex-start}.trace-metrics span{font-size:10px;line-height:1.7}.trace-description{min-height:145px}.transport{gap:6px}.transport button{padding:10px;font-size:11px}.transport .primary-control{min-width:67px}.question-grid{grid-template-columns:1fr}.quiz-card{padding:21px}.complexity-grid{grid-template-columns:1fr}.complexity-grid>div{padding:22px}.complexity-grid strong{margin:9px 0;font-size:30px}.lesson-wrap{flex-wrap:wrap;gap:17px;padding:23px}.lesson-wrap a{margin-left:0}.lesson-wrap>div{flex:1;min-width:190px}.lesson-wrap>span{font-size:35px}.key-tray{gap:10px}.key-tray>span:last-child{width:100%;line-height:1.7}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}