:root{--brand-ink:var(--accent);--brand-button:var(--accent);--warning:157 94 12;--error:179 47 47;--destructive:179 47 47}.dark{--brand-ink:var(--primary);--brand-button:var(--primary);--warning:244 191 106;--error:255 156 156;--destructive:255 156 156}body{font-family:var(--font-geist-sans),system-ui,sans-serif;--font-sans:var(--font-geist-sans),system-ui,sans-serif;--font-mono:var(--font-geist-mono),monospace;font-size:1rem;line-height:1.65}h1,h2,h3,h4{letter-spacing:-.018em;overflow-wrap:break-word}input,select,textarea,button{font:inherit}button,summary,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid rgb(var(--primary));outline-offset:4px}:where(button,[type=button],[type=submit],summary){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page-width{width:min(100% - 3rem,76rem);margin-inline:auto}.work-page{padding-block:2.75rem 5rem}.work-header{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.work-header h1{margin:.4rem 0 .75rem;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15}.work-header p{max-width:42rem;color:rgb(var(--muted-foreground))}.eyebrow{letter-spacing:.01em;color:rgb(var(--brand-ink));margin-bottom:.75rem;font-size:.875rem;font-weight:500}.muted-copy{color:rgb(var(--muted-foreground));font-size:.9375rem}.section-index{font-family:var(--font-mono);color:rgb(var(--muted-foreground));font-size:.875rem}.action-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1.5rem;display:flex}.action-primary,.action-secondary{border:1px solid rgb(var(--border));text-align:center;border-radius:.55rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.875rem;padding:.65rem 1.1rem;font-size:1rem;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.action-primary{color:rgb(var(--primary-foreground));background:rgb(var(--brand-button));border-color:rgb(var(--brand-button))}.action-primary:hover{filter:brightness(.93)}.action-secondary{color:rgb(var(--foreground));background:rgb(var(--card))}.action-secondary:hover{border-color:rgb(var(--primary));background:rgb(var(--muted))}.text-action{color:rgb(var(--brand-ink));font-size:1rem;font-weight:600}.text-action:hover{text-underline-offset:.25rem;text-decoration:underline}.site-header{z-index:60;border-bottom:1px solid rgb(var(--border));background:rgb(var(--card));position:sticky;top:0}.site-nav{align-items:center;gap:2rem;width:min(100% - 3rem,76rem);min-height:4.25rem;margin:auto;display:flex}.wordmark{letter-spacing:-.025em;color:rgb(var(--foreground));white-space:nowrap;align-items:center;gap:.65rem;font-size:1.3rem;font-weight:700;display:inline-flex}.desktop-nav{gap:.25rem;margin-left:auto;display:flex}.desktop-nav a,.account-link{color:rgb(var(--muted-foreground));border-radius:.4rem;padding:.6rem .8rem;font-size:1rem}.desktop-nav a[aria-current],.desktop-nav a:hover{color:rgb(var(--brand-ink));background:rgb(var(--primary)/.08)}.nav-account{align-items:center;gap:.5rem;display:flex}.mobile-toggle{place-items:center;min-width:2.75rem;min-height:2.75rem;display:none}.mobile-navigation{display:none}.skip-link{z-index:100;background:rgb(var(--foreground));color:rgb(var(--background));padding:.6rem 1rem;position:fixed;top:.5rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-footer{border-top:1px solid rgb(var(--border));background:rgb(var(--card));padding-block:2.5rem}.footer-content{grid-template-columns:1fr 1.5fr;gap:1.5rem;display:grid}.footer-content p,.footer-content small{color:rgb(var(--muted-foreground));margin-top:.5rem;font-size:.875rem}.footer-content nav{flex-wrap:wrap;place-content:start end;gap:.5rem 1.5rem;display:flex}.footer-content nav a{align-items:center;min-height:2.75rem;font-size:.9375rem;display:inline-flex}.home-hero{background:rgb(var(--primary)/.025);border-bottom:1px solid rgb(var(--primary)/.12)}.home-intro{grid-template-columns:1.35fr 1fr;align-items:center;gap:3rem;padding-block:3.5rem;display:grid}.hero-mascot{background:linear-gradient(135deg,#071b11,#0b291a);border:1px solid #22c55e40;border-radius:48% 48% 42% 42%;width:min(100%,25rem);height:25rem;margin-inline:auto;position:relative;overflow:hidden}.hero-mascot-art{justify-content:center;padding:1rem;display:flex;position:absolute;inset:0}.hero-stats{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.75rem;display:flex}.hero-stats>div{align-items:baseline;gap:.4rem;display:flex}.hero-stats dt{color:rgb(var(--muted-foreground));font-size:.875rem}.hero-stats dd{color:rgb(var(--brand-ink));order:-1;font-size:1rem;font-weight:600;line-height:1.25}.home-intro h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.4rem,4.1vw,3.5rem);font-weight:650;line-height:1.14}.intro-copy{color:rgb(var(--muted-foreground));max-width:33rem;margin-top:1.4rem;font-size:1.1rem;line-height:1.7}.hero-access-note{color:rgb(var(--muted-foreground));max-width:31rem;font-size:.875rem;line-height:1.6}.home-section{padding-block:3.5rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2,.home-section>div>h2,.practice-band h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;line-height:1.25}.section-heading>p{max-width:24rem;color:rgb(var(--muted-foreground))}.course-paths{border-top:1px solid rgb(var(--primary)/.3)}.course-path{border-bottom:1px solid rgb(var(--border));grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1fr);gap:2rem;padding:2rem 0;display:grid}.course-path .section-index{color:rgb(var(--brand-ink));font-weight:600}.path-heading{display:block}.path-heading .section-index{margin-bottom:.5rem;display:block}.course-path h3{font-size:1.55rem;font-weight:600}.path-description p{color:rgb(var(--muted-foreground));margin-bottom:.75rem}.path-meta{color:rgb(var(--muted-foreground));margin-top:.65rem;font-size:.8125rem}.practice-band{background:rgb(var(--primary)/.06);color:rgb(var(--foreground));border-block:1px solid rgb(var(--primary)/.18);margin-block:2rem;padding-block:3.5rem}.practice-band .eyebrow{color:rgb(var(--brand-ink))}.practice-band-inner{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.practice-band-inner p:not(.eyebrow){opacity:.8;max-width:33rem;margin-top:1.25rem}.practice-links a{border-bottom:1px solid rgb(var(--primary)/.2);flex-direction:column;padding:1.25rem 0;display:flex}.practice-links strong{color:rgb(var(--brand-ink));font-size:1.25rem}.practice-links span{opacity:.8;margin-top:.3rem}.faq-section{grid-template-columns:.7fr 1fr;gap:5rem;display:grid}.faq-section details{border-bottom:1px solid rgb(var(--border));padding-block:1rem}.faq-section summary{min-height:2.75rem;font-size:1.1rem;font-weight:600}.faq-section details p{color:rgb(var(--muted-foreground));margin-top:.75rem}.work-panel{border:1px solid rgb(var(--border));background:rgb(var(--card));border-radius:.75rem;min-width:0;padding:1.5rem}.work-panel h2{font-size:1.3rem;font-weight:600}.metric-strip{border:1px solid rgb(var(--border));background:rgb(var(--border));border-radius:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-block:1.75rem;display:grid;overflow:hidden}.metric-strip>div{background:rgb(var(--card));padding:1.25rem 1.5rem}.metric-strip dt{color:rgb(var(--muted-foreground));font-size:.9375rem}.metric-strip dd{color:rgb(var(--brand-ink));font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1.4}.metric-strip dd small{color:rgb(var(--muted-foreground));font-size:1rem;font-weight:400}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:1.5rem;margin-block:2rem;display:grid}.resume-panel{border-top:3px solid rgb(var(--primary))}.resume-panel h2{margin-block:.75rem;font-size:1.65rem;line-height:1.4}.study-list>a{border-bottom:1px solid rgb(var(--border));flex-direction:column;gap:.3rem;padding:1rem 0;display:flex}.study-list strong{font-weight:600}.study-list span{color:rgb(var(--muted-foreground));font-size:.9375rem}.track-progress{margin-top:1.25rem}.track-progress>div{justify-content:space-between;gap:1rem;display:flex}progress{width:100%;height:.45rem;accent-color:rgb(var(--primary));border-radius:1rem;margin-block:.65rem}.notice{border:1px solid rgb(var(--border));border-left:3px solid rgb(var(--primary));background:rgb(var(--card));border-radius:.4rem;margin-block:1rem;padding:1rem 1.25rem;font-size:.9375rem}.notice-error{border-left-color:rgb(var(--error))}.empty-state{text-align:center;background:rgb(var(--card));border:1px dashed rgb(var(--border));border-radius:.75rem;padding:2rem}.empty-state h2{margin-bottom:.5rem;font-size:1.4rem}.filter-toolbar{flex-wrap:wrap;align-items:end;gap:1rem;margin-block:1.5rem;display:flex}.field{flex-direction:column;gap:.45rem;min-width:0;display:flex}.field>label,.field>span{font-size:.9375rem;font-weight:600}.field input:not([type=range]),.field select,.field textarea{border:1px solid rgb(var(--border));background:rgb(var(--card));width:100%;min-height:2.875rem;color:rgb(var(--foreground));border-radius:.5rem;padding:.6rem .8rem;font-size:1rem}.field textarea{resize:vertical;line-height:1.65}.field input[type=range]{width:100%;min-height:2.75rem;accent-color:rgb(var(--primary))}.filter-search{flex:1;min-width:min(100%,16rem)}.segmented{border:1px solid rgb(var(--border));background:rgb(var(--card));border-radius:.65rem;flex-wrap:wrap;gap:.4rem;padding:.3rem;display:inline-flex}.segmented button{border-radius:.4rem;min-height:2.75rem;padding:.5rem 1rem;font-size:1rem}.segmented button[aria-pressed=true]{background:rgb(var(--brand-button));color:rgb(var(--primary-foreground))}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-block:1.5rem;display:grid}.challenge-tile{border:1px solid rgb(var(--border));background:rgb(var(--card));border-radius:.7rem;flex-direction:column;min-width:0;padding:1.5rem;display:flex}.challenge-tile:hover{border-color:rgb(var(--primary))}.challenge-tile h2{margin-block:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4}.challenge-tile>p{color:rgb(var(--muted-foreground));flex:1;margin-bottom:1.25rem}.tile-meta{color:rgb(var(--muted-foreground));flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem;display:flex}.tile-meta span:first-child{text-transform:capitalize}.challenge-tile .text-action{margin-top:1rem}.catalog-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.playground-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.playground-editor .field{margin-bottom:1.25rem}.playground-editor .field textarea{background:rgb(var(--background))}.playground-configuration{border-block:1px solid rgb(var(--border));margin-block:1.25rem;padding-block:.75rem}.playground-configuration summary{min-height:2.75rem;font-weight:600}.settings-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.playground-run{background:rgb(var(--card));z-index:10;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.75rem;display:flex;position:sticky;bottom:0}.response-panel{position:sticky;top:6rem}.response-panel>header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.model-response{white-space:pre-wrap;overflow-wrap:anywhere;min-height:22rem;font-size:1.0625rem;line-height:1.8}.response-empty{min-height:20rem;color:rgb(var(--muted-foreground));flex-direction:column;justify-content:center;gap:.75rem;display:flex}.response-empty strong{color:rgb(var(--foreground));font-size:1.35rem;font-weight:600}.playground-history{margin-top:2rem}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.history-list button{text-align:left;border:1px solid rgb(var(--border));border-radius:.5rem;padding:1rem}.history-list button span{color:rgb(var(--muted-foreground));font-size:.875rem;display:block}.lab-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:2rem;display:grid}.lab-brief h2,.lab-brief h3{margin:1.4rem 0 .75rem;font-size:1.25rem}.lab-brief h2:first-child{margin-top:0}.lab-brief p{line-height:1.8}.lab-brief ol,.lab-brief ul{padding-left:1.3rem}.lab-brief ol{list-style:decimal}.lab-brief li{margin-bottom:.75rem}.evidence-block{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid rgb(var(--primary));background:rgb(var(--muted));margin-block:1.25rem;padding:1.25rem;line-height:1.75}.review-check{cursor:pointer;align-items:start;gap:.75rem;margin-block:1rem;display:flex}.review-check input{width:1.15rem;height:1.15rem;accent-color:rgb(var(--primary));flex-shrink:0;margin-top:.3rem}.lab-jump{border-block:1px solid rgb(var(--border));flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-block:1rem;display:flex}.lab-jump a{align-items:center;min-height:2.75rem;font-size:1rem;display:inline-flex}.code-notes{font-family:var(--font-mono);font-size:.9375rem!important}.course-outline{max-width:58rem}.course-module{border-top:1px solid rgb(var(--border));padding-block:1.75rem}.course-module header{align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.course-module h2{font-size:1.4rem;font-weight:600}.course-module p{color:rgb(var(--muted-foreground))}.lesson-row{background:rgb(var(--card));border-bottom:1px solid rgb(var(--border));grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.1rem 1rem;display:grid}.lesson-row:hover{background:rgb(var(--muted))}.lesson-row span:last-child{color:rgb(var(--muted-foreground));font-size:.875rem}.lesson-row strong{font-weight:500}.lesson-header h1{letter-spacing:-.035em;font-weight:700;line-height:1.25}.lesson-prose{font-size:1.125rem;line-height:1.85}.lesson-prose h2{font-weight:700;line-height:1.4}.lesson-prose h3{line-height:1.45}.lesson-prose :is(.learning-experiment,.lesson-workshop){border-radius:.7rem}.lesson-subnav{top:4.25rem}.lesson-mobile-outline{top:7.75rem}html{scroll-padding-top:9rem}@media (max-width:1023px){.home-intro{gap:2.5rem;padding-block:3rem}.desktop-nav a{padding-inline:.6rem}.site-nav{gap:1rem}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-path{padding:1.25rem}}@media (max-width:767px){.page-width,.site-nav{width:min(100% - 2rem,76rem)}.site-nav{gap:.5rem;min-height:4rem}.desktop-nav,.nav-account .account-link,.nav-account .action-primary,.nav-account>.muted-copy{display:none}.nav-account{margin-left:auto}.mobile-toggle{display:grid}.mobile-navigation{border-top:1px solid rgb(var(--border));gap:.25rem;max-height:calc(100dvh - 4rem);padding:.75rem 1rem 1rem;display:grid;overflow-y:auto}.mobile-navigation a,.mobile-navigation button{text-align:left;border-radius:.5rem;min-height:2.875rem;padding:.6rem .8rem}.mobile-navigation [aria-current]{background:rgb(var(--muted));color:rgb(var(--primary))}.home-intro,.practice-band-inner,.faq-section{grid-template-columns:1fr;gap:2.5rem}.home-intro{padding-block:2.5rem}.hero-mascot{height:15rem}.hero-stats{margin-top:1.5rem}.home-intro h1{font-size:clamp(2.35rem,8vw,3.4rem)}.home-section{padding-block:2.5rem}.section-heading,.work-header{flex-direction:column;align-items:start;gap:1rem}.course-paths,.dashboard-grid,.playground-grid,.lab-layout{grid-template-columns:1fr}.course-path{gap:.75rem;padding:1.5rem}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip>div{padding:1rem}.metric-strip dd{color:rgb(var(--brand-ink));font-size:1.8rem}.work-page{padding-top:2rem}.work-panel{padding:1.15rem}.response-panel{position:static}.model-response,.response-empty{min-height:12rem}.playground-run{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.footer-content{grid-template-columns:1fr}.footer-content nav{justify-content:start}.lesson-row{grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem .75rem}.lesson-row span:last-child{grid-column:2}.lesson-prose{font-size:1.0625rem;line-height:1.8}.lesson-subnav{top:4rem}.lesson-mobile-outline{top:7.5rem}}@media (max-width:479px){.challenge-grid,.history-list,.settings-grid{grid-template-columns:1fr}.filter-toolbar>.field{flex:100%}.action-row>a{flex:auto}.wordmark{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lesson-reading-progress{top:7.75rem}.auth-page{background:rgb(var(--primary)/.025);min-height:calc(100svh - 4.25rem);padding:clamp(1.5rem,4vw,3.5rem) 1.5rem 2rem}.auth-shell{width:min(100%,30rem);margin-inline:auto}.auth-card{border:1px solid rgb(var(--border));border-top:3px solid rgb(var(--brand-ink));background:rgb(var(--card));min-width:0;padding:2rem}.auth-heading{margin-bottom:1.75rem}.auth-heading .eyebrow{letter-spacing:.12em;margin-bottom:.65rem;font-size:.75rem}.auth-heading h1{letter-spacing:-.045em;margin-bottom:.8rem;font-size:clamp(1.9rem,2.8vw,2.3rem);font-weight:650;line-height:1.2}.auth-heading>p:last-child{color:rgb(var(--muted-foreground));max-width:25rem;font-size:1rem;line-height:1.6}.auth-card form{gap:1.1rem;display:grid}.auth-card .field{gap:.45rem}.auth-card .field>label{font-size:.875rem;font-weight:550}.auth-card .field input{border-color:rgb(var(--foreground)/.55);background:rgb(var(--background));border-radius:.6rem;min-height:3.1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-card .field input::placeholder{color:rgb(var(--muted-foreground));opacity:1}.auth-card .field input:hover{border-color:rgb(var(--foreground)/.5)}.auth-card .field input:focus-visible{outline:2px solid rgb(var(--brand-ink));outline-offset:2px;border-color:rgb(var(--brand-ink))}.auth-card .field input[aria-invalid=true]{border-color:rgb(var(--error))}.auth-submit,.auth-google{border-radius:.6rem;width:100%;min-height:3.1rem}.auth-submit{margin-top:.15rem}.auth-google{border-color:rgb(var(--foreground)/.55);gap:.8rem;font-size:.9375rem}.auth-google svg,.auth-submit svg{flex-shrink:0}.auth-divider{color:rgb(var(--muted-foreground));align-items:center;gap:.85rem;margin-block:1.3rem;font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:rgb(var(--border));flex:1;height:1px}.auth-other{text-align:center;margin-top:1.5rem;font-size:.9375rem}.auth-other .text-action{font-size:inherit;align-items:center;min-height:2rem;margin-left:.15rem;display:inline-flex}.auth-legal{color:rgb(var(--muted-foreground));text-align:center;margin-top:1.25rem;font-size:.75rem;line-height:1.7}.auth-card .auth-legal a{color:inherit;text-underline-offset:3px;text-decoration:underline}.auth-return{color:rgb(var(--brand-ink));align-items:center;gap:.5rem;margin:-.5rem 0 1.5rem;font-size:.8125rem;display:flex}.auth-return svg{flex-shrink:0}.auth-error{border:1px solid rgb(var(--error)/.35);background:rgb(var(--error)/.055);overflow-wrap:anywhere;border-radius:.6rem;margin-bottom:1.25rem;padding:.9rem 1rem;font-size:.875rem;line-height:1.6}.auth-error strong{color:rgb(var(--error));margin-bottom:.2rem;font-weight:600;display:block}.auth-error:focus{outline:2px solid rgb(var(--error));outline-offset:3px}.password-field{min-width:0;position:relative}.auth-card .password-field input{padding-right:3.4rem}.password-field button{width:2.75rem;height:2.75rem;color:rgb(var(--muted-foreground));border-radius:.35rem;place-items:center;display:grid;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.password-field button:hover{background:rgb(var(--primary)/.08);color:rgb(var(--brand-ink))}.auth-password-rules{grid-template-columns:1fr 1fr;gap:.4rem .75rem;margin:0;padding:.35rem 0 0;list-style:none;display:grid}.auth-password-rules li{min-width:0;color:rgb(var(--muted-foreground));align-items:center;gap:.4rem;font-size:.75rem;line-height:1.4;display:flex}.auth-rule-mark{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:.85rem;height:.85rem;display:grid}.auth-password-rules [data-met=true]{color:rgb(var(--brand-ink))}.auth-password-rules [data-met=true] .auth-rule-mark{background:rgb(var(--brand-button));color:rgb(var(--primary-foreground));border-color:rgb(var(--brand-button))}.auth-created{padding-block:.25rem 1rem}.auth-created-icon{background:rgb(var(--primary)/.12);width:3rem;height:3rem;color:rgb(var(--brand-ink));border-radius:50%;place-items:center;margin-bottom:1.25rem;display:grid}.auth-created h2{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.auth-created p{color:rgb(var(--muted-foreground));margin-bottom:1.5rem;font-size:.9375rem}.auth-story{color:#eaf5ed;background:#0c3020;border-radius:1.35rem 0 0 1.35rem;flex-direction:column;grid-area:story;justify-content:space-between;gap:2.5rem;min-width:0;padding:clamp(1.75rem,3.5vw,3rem);display:flex}.auth-story-label{letter-spacing:.1em;text-transform:uppercase;color:#afd3bb;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:500;display:flex}.auth-story-label>span{background:#86efac;border-radius:50%;width:.45rem;height:.45rem}.auth-story h2{color:#eaf5ed;letter-spacing:-.04em;font-size:clamp(2rem,3.2vw,2.65rem);font-weight:550;line-height:1.2}.auth-story h2>span{color:#86efac}.auth-story-copy{color:#bcd3c4;max-width:24rem;margin-top:1.2rem;font-size:.9375rem;line-height:1.8}.auth-learning-path{gap:1.8rem;margin:0;padding:0;list-style:none;display:grid}.auth-learning-path li{grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;display:grid;position:relative}.auth-learning-path li:not(:last-child):after{content:"";border-left:1px solid #38664a;position:absolute;top:3.1rem;bottom:-1.35rem;left:1.35rem}.auth-path-icon{color:#86efac;background:#153e2a;border:1px solid #38664a;border-radius:.7rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.auth-step-number{font-family:var(--font-mono);letter-spacing:.12em;color:#afd3bb;margin-bottom:.35rem;font-size:.625rem;line-height:1.3;display:block}.auth-learning-path h3{color:#eaf5ed;margin-bottom:.3rem;font-size:1rem;font-weight:550;line-height:1.4}.auth-learning-path p{color:#bcd3c4;font-size:.8125rem;line-height:1.6}.auth-story-footer{border-top:1px solid #38664a;padding-top:1.5rem}.auth-story-footer p{color:#bcd3c4;font-size:.75rem;line-height:1.8}.auth-story .auth-story-footer a{color:#b4f3cb;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:.7rem;font-size:.8125rem;font-weight:550;display:inline-flex}.auth-story .auth-story-footer a:hover{color:#fff}.auth-bottom-note{text-align:center;max-width:68rem;color:rgb(var(--muted-foreground));margin:1.5rem auto 0;font-size:.8125rem}.auth-bottom-note a{text-underline-offset:3px;text-decoration:underline;display:inline}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.auth-spinner{animation:1s linear infinite auth-spin}}@media (max-width:900px){.auth-page{padding-inline:1.25rem}.auth-story,.auth-card{padding:2rem}.auth-story h2{font-size:2rem}}@media (max-width:767px){.auth-page{min-height:calc(100svh - 4rem);padding:1.25rem 1rem 2rem}.auth-shell{border-radius:1rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"form""story";max-width:30rem}.auth-card{padding:1.75rem 1.35rem}.auth-heading{margin-bottom:1.5rem}.auth-heading h1{font-size:1.9rem}.auth-story{border-radius:0 0 .95rem .95rem;gap:1.75rem;padding:1.75rem 1.35rem}.auth-story h2{font-size:1.75rem}.auth-story-label{margin-bottom:.9rem}.auth-learning-path{gap:1.5rem}.auth-bottom-note{max-width:26rem;padding-inline:.25rem}.lesson-reading-progress{top:7.5rem}}@media (max-width:359px){.auth-page{padding-inline:.65rem}.auth-card,.auth-story{padding-inline:1rem}.auth-password-rules{gap:.45rem}}.lesson-account-prompt{border:1px solid rgb(var(--primary)/.3);background:rgb(var(--primary)/.045);border-radius:1rem;grid-template-columns:3.5rem minmax(0,1fr);gap:1.5rem;width:min(100% - 3rem,52rem);margin:2rem auto 4rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.lesson-account-icon{border:1px solid rgb(var(--primary)/.25);background:rgb(var(--card));width:3.5rem;height:3.5rem;color:rgb(var(--brand-ink));border-radius:.9rem;place-items:center;display:grid}.lesson-account-prompt h1{margin-bottom:1rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:600;line-height:1.3}.lesson-account-prompt p:not(.eyebrow){color:rgb(var(--muted-foreground));font-size:1rem;line-height:1.8}.lesson-account-prompt strong{color:rgb(var(--foreground));font-weight:500}.lesson-account-prompt .action-row{margin-block:1.5rem .8rem}.lesson-account-prompt .text-action{align-items:center;min-height:2.75rem;font-size:.875rem;display:inline-flex}@media (max-width:767px){.lesson-account-prompt{grid-template-columns:minmax(0,1fr);gap:1rem;width:calc(100% - 2rem);margin-top:1.5rem}.lesson-account-prompt .action-row>a{width:100%}}.system-build>.work-header{margin-top:1.5rem}.build-introduction{max-width:52rem;margin-block:1.5rem 2rem}.build-introduction details{margin-top:1rem}.system-build details>summary{min-height:2.75rem;padding-block:.5rem;font-weight:600}.system-build details p{margin-block:.75rem}.build-blueprint{border:1px solid rgb(var(--primary)/.3);background:rgb(var(--primary)/.05);border-radius:.8rem;padding:1.5rem}.build-blueprint figcaption{color:rgb(var(--brand-ink));margin-bottom:1rem;font-weight:600}.build-blueprint ol{counter-reset:stage;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.build-blueprint li{border-left:2px solid rgb(var(--primary)/.4);flex-direction:column;gap:.5rem;padding-left:1rem;display:flex}.build-blueprint li>span:last-child{color:rgb(var(--muted-foreground));font-size:.9375rem}.build-save{color:rgb(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-block:1.5rem;font-size:.9375rem;display:flex}.build-milestones{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-bottom:1.5rem;display:grid}.build-milestones button{text-align:left;border:1px solid rgb(var(--border));background:rgb(var(--card));border-radius:.6rem;flex-direction:column;gap:.4rem;min-height:6rem;padding:1rem;display:flex}.build-milestones button[aria-current=step]{border-color:rgb(var(--primary));background:rgb(var(--primary)/.1);box-shadow:inset 0 3px rgb(var(--primary))}.build-milestones button>span,.build-milestones small{color:rgb(var(--muted-foreground));font-size:.8rem}.build-milestones strong{font-size:.9375rem;font-weight:600;line-height:1.4}.build-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:1.5rem;display:grid}.build-lesson>p,.build-lesson>h3{margin-top:1rem}.build-lesson h3,.build-live h3,.build-next h3{font-weight:600}.build-example{background:rgb(var(--primary)/.06);border-left:3px solid rgb(var(--primary));border-radius:.3rem;margin-block:1.5rem;padding:1.25rem}.build-example p{margin-top:.6rem}.build-lesson details{border-bottom:1px solid rgb(var(--border));padding-block:.5rem}.system-build pre{max-width:100%;font-family:var(--font-mono);border:1px solid rgb(var(--border));background:rgb(var(--background));tab-size:2;border-radius:.5rem;margin-block:1rem;padding:1rem;font-size:.9375rem;line-height:1.7;overflow-x:auto}.build-lesson pre{white-space:pre-wrap;overflow-wrap:anywhere}.build-editor .field{margin-top:1rem}.field textarea.build-code{font-family:var(--font-mono);tab-size:2;white-space:pre;overflow-wrap:normal;background:rgb(var(--background));font-size:1rem;line-height:1.65;overflow-x:auto}.build-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.build-feedback{margin-block:1.5rem}.build-feedback ul{gap:.75rem;margin-top:1rem;list-style:none;display:grid}.build-feedback li{border-left:3px solid rgb(var(--error));background:rgb(var(--background));padding:1rem}.build-feedback li[data-passed=true]{border-left-color:rgb(var(--primary))}.build-feedback li>p{color:rgb(var(--muted-foreground));margin-top:.4rem;font-size:.9375rem}.build-live{border-top:3px solid rgb(var(--primary));margin-top:1.5rem}.build-live>div:first-child{max-width:48rem}.build-live>div:first-child>p:last-child{margin-block:1rem 1.5rem}.build-live>.field{max-width:35rem}.build-output pre,.build-live details pre{white-space:pre-wrap;overflow-wrap:anywhere}.build-next{grid-template-columns:1.25fr 1fr;gap:3rem;margin-top:2.5rem;display:grid}.build-next h2{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.build-next a{text-underline-offset:.2rem;overflow-wrap:anywhere;padding-block:.6rem;text-decoration:underline;display:block}@media (prefers-reduced-motion:no-preference){.build-milestones button,.challenge-tile{transition:border-color .16s,background .16s}.build-feedback{animation:.18s ease-out build-reveal}@keyframes build-reveal{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}}@media (max-width:900px){.build-workspace{grid-template-columns:minmax(0,1fr)}.build-blueprint ol{grid-template-columns:repeat(2,minmax(0,1fr))}.build-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}.build-next{grid-template-columns:minmax(0,1fr);gap:1.5rem}}@media (max-width:560px){.build-blueprint{padding:1rem}.build-blueprint ol{grid-template-columns:minmax(0,1fr);gap:1rem}.build-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.build-milestones button{min-height:5.5rem;padding:.8rem}.build-editor,.build-lesson,.build-live{padding:1rem}.build-actions{background:rgb(var(--card));padding-block:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));z-index:5;border-top:1px solid rgb(var(--border));position:sticky;bottom:0}.build-actions>button{flex:9rem}}.result-fields{flex-wrap:wrap;gap:1rem 2rem;margin-block:1rem;display:flex}.result-fields dt{text-transform:capitalize;color:rgb(var(--muted-foreground));font-size:.875rem}.result-fields dd{font-weight:600}.result-item{border-bottom:1px solid rgb(var(--border));padding:1.25rem 0}.result-item p{margin-top:.5rem}.result-item blockquote{border-left:3px solid rgb(var(--primary));color:rgb(var(--muted-foreground));margin-top:.75rem;padding-left:1rem}.discovery-heading{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.discovery-heading:focus{outline:2px solid rgb(var(--primary));outline-offset:.25rem}.search-help{margin-top:.5rem;font-size:.875rem}.course-discovery .filter-toolbar{align-items:start}.course-discovery .filter-toolbar>button{margin-top:1.75rem}.lesson-search-results{padding:0;list-style:none;overflow:hidden}.lesson-search-results>li+li{border-top:1px solid rgb(var(--border))}.lesson-search-results>li>a{overflow-wrap:anywhere;gap:.4rem;padding:1.2rem 1.4rem;display:grid}.lesson-search-results p{color:rgb(var(--foreground));max-width:72ch;font-weight:400;line-height:1.65}.lesson-search-results a:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:-3px}.module-jump{margin-bottom:2rem}.module-jump h2{margin-bottom:1rem;font-size:1.15rem;font-weight:600}.module-jump ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1.5rem;list-style:none;display:grid}.module-jump a{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:.5rem 0;display:flex}.module-jump a span{flex-shrink:0;font-size:.8rem;font-weight:400}.course-module[id]{scroll-margin-top:6rem}.course-module[id]:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:.3rem}@media (max-width:560px){.module-jump ul{grid-template-columns:minmax(0,1fr)}.course-discovery .filter-toolbar>button{margin-top:0}.lesson-search-results>li>a{padding:1rem}}
body{--font-reading-title:var(--font-geist-sans),system-ui,sans-serif}.home-intro h1{font-family:var(--font-reading-title);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,4.3vw,3.75rem);font-weight:650;line-height:1.12}.hero-title-accent{color:rgb(var(--brand-ink))}.home-intro .eyebrow{margin-bottom:1rem}:is(.section-heading,.practice-band,.sample-practice,.work-header,.auth-heading) :is(h1,h2){font-family:var(--font-reading-title);letter-spacing:-.025em;font-weight:650}.work-header{border-bottom:1px solid rgb(var(--border));padding-bottom:1.5rem}.practice-band .action-primary{margin-top:1.5rem}.path-preview{padding:0;list-style:none}.path-preview li+li{border-top:1px solid rgb(var(--border))}.path-preview a{justify-content:space-between;align-items:center;gap:1rem;min-height:2.875rem;padding-block:.6rem;font-size:.9375rem;display:flex}.path-preview a span{flex-shrink:0}.path-description .text-action{align-items:center;gap:.5rem;min-height:2.75rem;font-size:.875rem;display:inline-flex}.course-path .path-heading h3 a{color:rgb(var(--foreground))}.course-access-note{color:rgb(var(--muted-foreground));margin-top:2rem;font-size:.875rem}.lesson-sample{border-bottom:1px solid rgb(var(--border));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;padding-block:3.5rem;display:grid}.sample-figure{min-width:0;padding:1.75rem 0}.sample-figure figure{border-left:2px solid rgb(var(--primary)/.3);padding-inline:1.75rem}.sample-figure figcaption{margin-inline:auto}.sample-actions{border-top:1px solid rgb(var(--border));justify-content:space-between;align-items:center;gap:1rem;display:flex}.sample-actions button{min-height:2.875rem;font-size:.875rem}.sample-actions .muted-copy{font-size:.8125rem}.sample-continue{margin-top:1rem}.sample-figure .lesson-diagram{color:rgb(var(--brand-ink))}.sample-figure .diagram-heading{margin:.75rem 0 1.25rem;font-size:1.1rem;font-weight:600}.sample-figure svg{width:100%;max-width:22rem;height:auto}.sample-figure figcaption{color:rgb(var(--muted-foreground));max-width:38ch;margin-top:1rem;font-size:.875rem;line-height:1.65}.sample-practice{min-width:0}.sample-practice h2{margin-bottom:.8rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;line-height:1.25}.sample-practice>p:not(.eyebrow){color:rgb(var(--muted-foreground));max-width:45ch}.sample-practice fieldset{min-width:0;margin-top:1.5rem}.sample-practice legend{margin-bottom:.6rem;font-weight:600}.sample-practice blockquote{border-left:3px solid rgb(var(--primary));background:rgb(var(--primary)/.04);margin-bottom:1rem;padding:.75rem 1rem;font-size:1.125rem}.sample-choices{gap:.5rem;display:grid}.sample-choices label{border:1px solid rgb(var(--border));cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;min-height:2.875rem;padding:.65rem 1rem;display:flex}.sample-choices label:hover,.sample-choices label[data-selected=true]{background:rgb(var(--primary)/.07);border-color:rgb(var(--brand-ink))}.sample-choices label:focus-within{outline:2px solid rgb(var(--brand-ink));outline-offset:2px}.sample-choices input{accent-color:rgb(var(--brand-ink));flex-shrink:0;width:1rem;height:1rem}.sample-feedback{min-height:8rem;color:rgb(var(--muted-foreground));padding-block:1rem;font-size:.9375rem;line-height:1.65}.sample-feedback strong{color:rgb(var(--foreground));margin-right:.3rem}.sample-practice>.text-action{align-items:center;gap:.6rem;min-height:2.75rem;display:inline-flex}.course-start{border-left:3px solid rgb(var(--brand-ink));background:rgb(var(--primary)/.045);justify-content:space-between;align-items:center;gap:2rem;margin-block:1.5rem 2rem;padding:1rem 1.5rem;display:flex}.course-start .eyebrow{margin-bottom:.4rem;font-size:.75rem}.course-start h2{margin-bottom:.4rem;font-size:1.4rem;font-weight:600;line-height:1.4}.course-start p:not(.eyebrow){color:rgb(var(--muted-foreground));max-width:45rem;font-size:.9375rem}.course-start>div:last-child{flex-shrink:0}.course-start>div:last-child p{text-align:center;margin-top:.4rem;font-size:.75rem}.course-topics{flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.25rem 0 2rem;display:flex}.course-topics>span{color:rgb(var(--muted-foreground));margin-right:.4rem;font-size:.8125rem}.course-topics button{text-underline-offset:.25rem;min-height:2.75rem;color:rgb(var(--brand-ink));padding:.5rem .65rem;font-size:.875rem;text-decoration:underline}.course-topics button:hover{border-color:rgb(var(--brand-ink));color:rgb(var(--brand-ink))}.lesson-reader{--reader-rule:rgb(var(--primary)/.2)}.lesson-reader .lesson-header{border-color:var(--reader-rule);margin-bottom:1.5rem;padding-bottom:1.5rem}.lesson-header h1{font-family:var(--font-reading-title);letter-spacing:-.025em;font-size:clamp(2rem,3.6vw,2.75rem);font-weight:650;line-height:1.2}.lesson-shortcuts a{background:0 0;border:0;border-radius:0;padding:.45rem 0;font-size:.875rem}.lesson-shortcuts{gap:.5rem 1.5rem}.lesson-reader>.grid{grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){.lesson-reader>.grid{grid-template-columns:minmax(0,42rem) 14rem;justify-content:center}}.lesson-prose{max-width:100%;color:rgb(var(--foreground)/.94);line-height:1.78}.lesson-prose h2{margin-top:2.6rem;padding-top:.35rem;font-size:clamp(1.3rem,2.3vw,1.6rem);font-weight:600}.lesson-prose h3{font-weight:600}.lesson-prose>p{margin:1rem 0}.concept-comparison{background:rgb(var(--primary)/.025);border:0;border-block:1px solid rgb(var(--primary)/.2);border-radius:0}.figure-viewport{min-width:0}.figure-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.1rem .75rem 0;display:flex}.figure-toolbar button{min-height:2.75rem;color:rgb(var(--brand-ink));border-radius:.35rem;align-items:center;gap:.4rem;padding:.5rem;font-size:.8125rem;display:inline-flex}.figure-toolbar button:hover{background:rgb(var(--primary)/.08)}.figure-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.figure-scroll:focus-visible{outline:2px solid rgb(var(--brand-ink));outline-offset:-2px}.figure-viewport[data-expanded=true] .lesson-diagram svg{width:40rem;min-width:40rem;max-width:none;height:auto}.lesson-prose .figure-scroll-hint{color:rgb(var(--muted-foreground));margin:0;padding:.5rem 1rem 1rem;font-size:.8125rem}.lesson-prose .lesson-diagram{color:rgb(var(--brand-ink));padding:.5rem 1.25rem 1.5rem}.lesson-prose .lesson-diagram svg{max-width:28rem}.lesson-prose .diagram-heading{margin-bottom:.75rem;font-size:1rem;font-weight:550;line-height:1.5}.lesson-diagram .visual-small{font-size:14px}.visual-connector{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.visual-dashed{stroke-dasharray:4 4}.visual-axis{stroke:rgb(var(--foreground)/.5);stroke-width:1.2px;fill:none}.visual-curve{stroke:currentColor;stroke-width:3px;fill:none;stroke-linejoin:round}.visual-orbit{stroke:rgb(var(--foreground)/.2);stroke-width:1px;fill:none}.visual-angle{stroke:currentColor;stroke-width:4px;fill:none;opacity:.55}.concept-comparison figcaption{color:rgb(var(--foreground)/.8);border-top:1px solid rgb(var(--primary)/.15);padding:1rem 1.25rem;font-size:.875rem;line-height:1.65}.lesson-prose .concept-explanation{border:0;border-block:1px solid rgb(var(--border));border-radius:0}.concept-explanation summary{padding-inline:.3rem}.lesson-prose .concept-explanation .concept-comparison-panels{background:0 0;border:0;border-radius:0;grid-template-columns:1fr;display:grid}.concept-explanation .concept-comparison-panels>div{border-top:1px solid rgb(var(--border));background:0 0;grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:1rem 0;display:grid}.concept-explanation .concept-comparison-panels p{margin:0}.concept-explanation .concept-label{font-size:.8125rem}.lesson-prose .learning-experiment{background:rgb(var(--primary)/.035);border-top-width:1px;margin:1.5rem 0 2rem}.about-intro{max-width:48rem;padding-bottom:2rem}.about-intro h1{margin-bottom:1rem;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:600;line-height:1.15}.about-intro>p:not(.eyebrow){color:rgb(var(--muted-foreground));font-size:1.15rem;line-height:1.75}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-block:3rem;display:grid}.about-grid article{border-top:2px solid rgb(var(--primary)/.5);padding-top:1.25rem}.about-grid h2{margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.about-grid p{color:rgb(var(--muted-foreground));margin-bottom:1rem}.about-review{border-top:1px solid rgb(var(--border));max-width:50rem;padding-block:2rem}.about-review h2{margin-bottom:.8rem;font-size:1.5rem;font-weight:600}.about-review p{color:rgb(var(--muted-foreground));margin-bottom:1rem}.contact-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.contact-report{gap:1.25rem;display:grid}.contact-report h2,.contact-help h2{font-size:1.3rem;font-weight:600}.contact-help p{color:rgb(var(--muted-foreground));margin-block:.75rem 1.25rem}.contact-report .action-row{margin:0}@media (max-width:767px){.home-intro{gap:2rem}.home-intro h1{font-size:clamp(2.25rem,8.4vw,3.2rem)}.lesson-sample{grid-template-columns:1fr;gap:1.75rem;padding-block:2rem}.sample-figure{padding:1rem}.sample-feedback{min-height:9rem}.course-start{flex-direction:column;align-items:stretch;gap:1rem;padding:1.2rem}.course-start .action-primary{width:100%}.course-start>div:last-child p{text-align:left}.course-topics{margin-bottom:1.5rem}.course-path{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1.5rem 0}.path-preview{margin-top:.25rem}.hero-mascot{max-width:21rem;height:18rem}.sample-figure figure{padding-inline:1rem}.course-path h3{font-size:1.3rem}.course-path>p{font-size:.9375rem}.lesson-subnav{position:static}.lesson-mobile-outline,.lesson-reading-progress{top:4rem}.lesson-prose :is(h2,h3,h4),.guided-lesson{scroll-margin-top:8.5rem}.lesson-prose{font-size:1.0625rem;line-height:1.75}.lesson-prose .lesson-diagram{padding:.75rem 0}.lesson-prose .diagram-heading{padding-inline:.85rem}.concept-comparison figcaption{padding:.9rem 1rem;font-size:.875rem}.concept-explanation .concept-comparison-panels>div{grid-template-columns:1fr;gap:.5rem}.figure-toolbar{padding-left:.85rem}.about-grid,.contact-layout{grid-template-columns:1fr;gap:1.5rem;margin-block:2rem}}.practice-view-description{max-width:50rem;color:rgb(var(--foreground));margin:1.25rem 0 .5rem}[data-product-challenges] .segmented{border:0;border-bottom:1px solid rgb(var(--border));background:0 0;border-radius:0;gap:0 1.25rem;width:100%;padding:0}[data-product-challenges] .segmented button{border-bottom:2px solid #0000;border-radius:0;padding:.75rem .1rem}[data-product-challenges] .segmented button[aria-pressed=true]{color:rgb(var(--brand-ink));background:0 0;border-bottom-color:currentColor}[data-product-challenges] .segmented span{color:rgb(var(--muted-foreground));margin-left:.2rem;font-size:.8125rem}[data-practice-view=builds] .challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-practice-view=builds] .challenge-tile{border:0;border-top:2px solid rgb(var(--brand-ink));background:rgb(var(--primary)/.035);border-radius:0;padding:1.5rem}[data-practice-view=builds] .challenge-tile h2{font-size:1.5rem}[data-practice-view=builds] .tile-category{display:none}[data-product-challenges]:not([data-practice-view=builds]) .challenge-grid{display:block}[data-product-challenges]:not([data-practice-view=builds]) .challenge-tile{border:0;border-top:1px solid rgb(var(--border));background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1.5rem;padding:1.4rem 0;display:grid}[data-product-challenges]:not([data-practice-view=builds]) .challenge-tile>:is(h2,p,.tile-category){grid-column:1;margin:.4rem 0}[data-product-challenges]:not([data-practice-view=builds]) .challenge-tile>.text-action{grid-area:1/2/4;align-self:center;margin:0;font-size:.875rem}.challenge-tile:hover h2,.path-preview a:hover{text-underline-offset:.25rem;text-decoration:underline}.playground-grid{border:1px solid rgb(var(--border));background:rgb(var(--card));border-radius:.75rem;align-items:stretch;gap:0}.playground-grid>.work-panel{border:0;border-radius:0}.playground-grid .response-panel{border-left:1px solid rgb(var(--border));background:rgb(var(--primary)/.025);border-radius:0 .75rem .75rem 0;align-self:stretch;position:static}.workspace-label{margin:0 0 1.5rem}.response-empty{max-width:36ch;min-height:15rem}.response-empty strong{font-size:1.125rem}.playground-history{border:0;border-top:1px solid rgb(var(--border));border-radius:0;padding-inline:0}.history-list{display:block}.history-list button{border:0;border-bottom:1px solid rgb(var(--border));border-radius:0;width:100%;display:block}.auth-account-note{color:rgb(var(--muted-foreground));padding:1.25rem 2rem;font-size:.875rem}.auth-account-note summary{min-height:2.75rem;color:rgb(var(--foreground))}.auth-account-note p{margin:.75rem 0}.auth-heading .eyebrow{letter-spacing:.01em}.lesson-prose .lesson-workshop{border:0;border-top:2px solid rgb(var(--brand-ink));background:0 0;border-radius:0;padding:1.5rem 0 0}.lesson-prose .workshop-task{border:0;border-block:1px solid rgb(var(--border));border-radius:0}.lesson-prose .workshop-task>summary{padding-inline:0;font-weight:600}.lesson-prose .workshop-task>.workshop-task-body{margin:0;padding-bottom:1rem}.workshop-task-body>button{border:1px solid rgb(var(--border));border-radius:.4rem;min-height:2.875rem;padding:.65rem 1rem;font-size:.9375rem}.lesson-quiz{background:rgb(var(--primary)/.035);margin:1.5rem 0;padding:1.25rem}.quiz-heading{padding-bottom:.75rem}.quiz-body{padding-top:1.25rem}.lesson-prose .lesson-quiz .quiz-heading :is(h3,h4){margin:0;font-size:1rem}.lesson-quiz fieldset label{border:0;border-bottom:1px solid rgb(var(--border));border-radius:0;padding-inline:.5rem}.quiz-feedback{border-left:3px solid rgb(var(--brand-ink));margin-bottom:1.5rem;padding-left:1rem}.lesson-prose .quiz-feedback p{margin:.5rem 0}@media (max-width:767px){[data-practice-view=builds] .challenge-grid,[data-product-challenges]:not([data-practice-view=builds]) .challenge-tile{grid-template-columns:minmax(0,1fr)}[data-product-challenges]:not([data-practice-view=builds]) .challenge-tile>.text-action{grid-area:auto/1;min-height:2.75rem}.playground-grid>.work-panel{padding:1rem}.playground-grid .response-panel{border:0;border-top:1px solid rgb(var(--border));border-radius:0 0 .75rem .75rem;padding:1rem}.lesson-quiz{padding:1rem}.lesson-prose .lesson-workshop{margin-inline:0}.auth-account-note{padding-inline:1.35rem}}@media print{.site-header,.site-footer,.lesson-subnav,.lesson-mobile-outline,.lesson-shortcuts,.figure-toolbar{display:none}.lesson-reader{max-width:none;padding:0}.lesson-reader>.grid{display:block}.lesson-reader aside{display:none}.concept-comparison{break-inside:avoid}}