/* Atecher studio edition: readable type, considered spacing, and two themes. */
:root{--bg:#f4f6fa;--paper:#fff;--ink:#172035;--muted:#68758a;--line:#e3e8f0;--purple:#6258ed;--purple-dark:#4d42cf;--lavender:#eeedff;--green:#257d65;--surface:#fff;--surface-soft:#f7f9fc;--label:#728096;--shadow:0 10px 35px #20304d08;--radius:16px}
html{scroll-behavior:smooth;color-scheme:light}body{font-size:15px;background:var(--bg);color:var(--ink)}h1,h2,h3{letter-spacing:-.75px}svg.icon{stroke-width:1.7}button,a{transition:color .18s,background .18s,border-color .18s,transform .18s}::selection{background:#bfc8ff;color:#162345}.sidebar{width:254px;background:var(--surface);padding:32px 19px;border-color:var(--line)}.brand{font-size:29px;margin:0 14px 36px;letter-spacing:-1.6px}.brand-icon{width:31px;height:34px}.brand-icon:after{inset:8px 7px;background:var(--surface)}.workspace-label{font-size:9px;letter-spacing:1.6px;color:var(--label);margin-bottom:14px}.nav-item{font-size:13px;gap:12px;color:var(--muted);padding:12px 14px;border-radius:9px;margin-bottom:5px}.nav-item.active{color:var(--purple);background:var(--lavender);font-weight:600}.nav-item:hover{background:var(--surface-soft)}.nav-count{padding:1px 7px;font-size:10px;background:#dfddff}.small-new{font-size:8px;background:#e4f6ee;color:#228567;padding:2px 5px}.sidebar-rule{margin:25px 13px}.course-nav a{font-size:11px;color:var(--muted);padding:8px 12px;gap:11px}.course-num{font-size:9px;display:grid;border:1px solid var(--line);width:23px;height:23px;color:var(--label)}.course-num.done{background:#e6f6ee;border-color:#c2e3d3}.sidebar-bottom{padding-top:24px}.little-tip{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:16px;font-size:11px}.little-tip b{font-size:12px;color:var(--ink)}.little-tip p{font-size:10px;color:var(--muted);line-height:1.7}.little-tip .icon{color:var(--purple)}.docs-link{font-size:11px;color:var(--muted);margin:20px 0 16px}.local-label{color:var(--label);font-size:9px}.studio-signature{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:15px;font:10px var(--display);color:var(--muted)}.studio-signature span{font-size:15px;color:var(--purple)}.app{margin-left:254px}.topbar{height:78px;background:var(--surface);border-color:var(--line);padding:0 42px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb .icon{color:var(--label);width:16px}.header-right{gap:18px}.search-button{font-size:12px;color:var(--label)}.search-button .icon{width:16px}.search-button kbd{font-size:10px;background:var(--surface-soft);border-color:var(--line);color:var(--label);margin-left:20px;padding:2px 6px}.theme-toggle{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface)}.theme-toggle:hover{background:var(--lavender);color:var(--purple)}.theme-toggle .icon{width:15px;height:15px}.xp-pill{color:var(--muted);font-size:11px;padding-left:18px;border-color:var(--line)}.xp-pill b{color:var(--ink)}.avatar{background:#ebeeff;color:#6157ad;border-color:#dce0fb;width:33px;height:33px;font-size:8px}main{max-width:1450px;padding:37px 42px 36px}.welcome{align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;color:var(--label);letter-spacing:1.9px;margin-bottom:10px}.welcome h1{font-size:32px;letter-spacing:-1.25px;line-height:1.3}.welcome p{font-size:13px;color:var(--muted);margin-top:8px}.level-tag{background:var(--surface);border-color:var(--line);color:var(--muted);font-size:10px;padding:7px 12px;gap:7px}.level-tag .icon{width:14px;color:var(--purple)}
.hero{isolation:isolate;min-height:330px;grid-template-columns:1.15fr 1fr;border:1px solid #2d3e58;border-radius:18px;background:#111d32;box-shadow:0 13px 28px #1725400c}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 80%,#214b6a80,transparent 65%),radial-gradient(ellipse at 0 0,#38427260,transparent 65%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#91a5cf07 1px,transparent 1px),linear-gradient(90deg,#91a5cf07 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black)}.hero-content{padding:36px 38px;z-index:3}.hero-label{font-size:9px;letter-spacing:1.8px;color:#a4b6d5;margin-bottom:21px;gap:8px}.hero-label .icon{width:14px;color:#a4b6d5}.hero h2{font-size:49px;line-height:1.08;letter-spacing:-2.2px;font-weight:500;color:#f7f9ff}.hero h2 span{color:#8ddbcf;background:linear-gradient(100deg,#a8e6d7,#85b9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:13px;color:#abbad1;line-height:1.85;margin-top:19px;margin-bottom:22px;max-width:390px}.hero-actions{gap:15px}.hero .primary{background:#a7e5d5;color:#163d39;font-weight:600;border:1px solid #b8eddc;box-shadow:0 3px 20px #85d5c222}.hero .primary:hover{background:#c0f3e5}.hero .text-button{color:#becbe1;font-size:11px}.hero .text-button:hover{color:white}.hero-art{min-height:300px;z-index:2;margin-right:13px}.hero-art svg{filter:drop-shadow(0 16px 35px #040b1670);width:100%;height:100%}.hero-art-label{color:#9aacce;font-size:8px;bottom:18px;right:18px;letter-spacing:1.3px}.button{padding:11px 17px;border-radius:8px;font-size:12px;gap:10px;line-height:1.6}.button .icon{width:15px;height:15px}.primary{background:var(--purple);box-shadow:0 4px 12px #6658e91a}.primary:hover{background:var(--purple-dark)}.secondary{background:var(--surface);border-color:var(--line);color:var(--muted)}.secondary:hover{border-color:#a59df0;color:var(--purple)}.text-button{font-size:12px;color:var(--purple)}
.metrics{background:var(--surface);border-color:var(--line);border-radius:12px;margin:24px 0 35px;padding:19px 0;box-shadow:var(--shadow)}.metric{gap:14px;padding:0 23px;border-color:var(--line)}.metric-icon{width:39px;height:39px;background:#f0edff;color:#8370c0;border-radius:11px}.metric:nth-child(2) .metric-icon{background:#e7f4ec;color:#619e7b}.metric:nth-child(3) .metric-icon{background:#fff3df;color:#b09052}.metric:nth-child(4) .metric-icon{background:#faebf1;color:#b77a99}.metric .icon{width:18px;height:18px}.metric strong{font-size:21px;font-weight:600}.metric small{font-size:10px;color:var(--muted);margin-top:4px}.section-head{margin-bottom:22px;align-items:center}.section-head h2{font-size:24px;letter-spacing:-.9px}.section-head p{font-size:12px;color:var(--muted);margin-top:7px}.progress-summary{font-size:10px;min-width:170px;color:var(--label)}.progress-track{background:var(--line);height:5px;margin-top:9px}.filters{gap:8px;margin-bottom:23px}.filter{background:var(--surface);border-color:var(--line);font-size:11px;padding:7px 14px;border-radius:7px;color:var(--muted)}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.filter:hover:not(.active){border-color:#b5aeea;color:var(--purple)}.filter span{font-size:9px}.modules{gap:19px}.module-card{padding:23px;border-radius:12px;border-color:var(--line);background:var(--surface);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}.module-card:hover{transform:translateY(-4px);border-color:#b4adea;box-shadow:0 12px 26px #2a325413}.module-card.completed{border-color:#b8ddc9}.card-top{margin-bottom:19px}.card-icon{width:42px;height:42px;border-radius:11px}.card-icon .icon{width:22px;height:22px}.module-label{font-size:8px;letter-spacing:1.1px;color:var(--label)}.module-card h3{font-size:19px;letter-spacing:-.7px;line-height:1.35;margin-bottom:10px}.module-card p{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px;max-width:100%}.card-tags{margin:16px 0 19px;gap:6px}.tag{font-size:9px;padding:3px 7px;border-color:var(--line);color:var(--label);background:var(--surface-soft);border-radius:5px}.card-bottom{margin-top:auto;padding-top:15px;border-color:var(--line)}.card-meta{font-size:9px;color:var(--label);gap:10px}.card-meta .icon{width:11px;height:11px}.card-link{font-size:10px;color:var(--purple);font-weight:550;gap:8px}.card-link .icon{width:14px}.card-link:hover{gap:12px}.bottom-banner{background:var(--lavender);border-color:#d4cef5;border-radius:12px;margin-top:28px;padding:21px 25px;gap:18px}.bottom-banner>.icon{color:var(--purple);width:25px;height:25px}.bottom-banner h3{font-size:15px;color:var(--ink)}.bottom-banner p{font-size:11px;color:var(--muted);margin-top:4px}.bottom-banner .button{font-size:11px;background:var(--surface);border-color:#d5d0ed;color:var(--purple)}footer{max-width:1450px;border-color:var(--line);padding:23px 42px;font-size:10px;color:var(--label)}footer a{color:var(--purple);margin-left:6px}
.page-top{margin-bottom:28px}.page-top h1{font-size:36px;letter-spacing:-1.5px}.page-top p{font-size:14px;color:var(--muted);line-height:1.8}.back{font-size:12px;margin-bottom:27px;color:var(--purple)}.lesson-title{font-size:42px;letter-spacing:-1.8px}.lesson-lead{font-size:16px;color:var(--muted);line-height:1.85;margin:17px 0 29px;max-width:800px}.lesson-layout{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:24px}.panel{background:var(--surface);border-color:var(--line);border-radius:13px;padding:28px;box-shadow:var(--shadow)}.lesson-section{margin-bottom:28px}.lesson-section h2{font-size:21px;margin-bottom:13px}.lesson-section p{font-size:14px;line-height:1.95;color:var(--muted)}.lesson-section code,.callout code{background:var(--lavender);color:var(--purple);font-size:12px}.callout{background:var(--lavender);border-color:var(--purple);padding:20px 23px;color:var(--muted);font-size:13px;line-height:1.85;border-radius:0 9px 9px 0}.callout strong{color:var(--purple);margin-bottom:7px}.code-block{background:#152036;color:#cfdbee;border:1px solid #293952;padding:23px;border-radius:10px;font-size:12px;line-height:1.85}.source-link{font-size:12px;color:var(--purple);margin:9px 0}.panel h3{font-size:20px;letter-spacing:-.7px;margin-bottom:17px}.quiz-meta{font-size:9px;color:var(--purple);letter-spacing:1.1px;margin-bottom:12px}.quiz-question{font-size:14px;line-height:1.8}.quiz-option{border-color:var(--line);background:var(--surface-soft);border-radius:8px;padding:12px;font-size:12px;line-height:1.8;gap:11px}.quiz-option:hover{border-color:#a79fea}.quiz-option.selected{background:var(--lavender);border-color:var(--purple)}.quiz-option.correct{background:#edf8f1;border-color:#77b68f;color:#2f7450}.quiz-option.wrong{background:#fff0f1;border-color:#d698a6;color:#a45e72}.option-letter{font-size:10px;width:23px;height:23px;border-color:var(--line);background:var(--surface)}.feedback{font-size:12px;background:#edf7f0;color:#437557;padding:15px;border-radius:8px;line-height:1.9}.feedback.wrong{background:#fcf1e7;color:#96704d}.diagram{background:var(--surface-soft);border-color:var(--line);border-radius:10px;padding:20px}.diagram-label{color:var(--label);font-size:9px;letter-spacing:1px}.diagram-container{background:#e8eaff;border-color:#c4c7ed;color:#7468aa;border-radius:7px;font-size:11px;padding:19px 8px}.diagram-kernel{background:#dcdcf7;color:#6d649a;border-radius:6px;font-size:10px;padding:12px}.diagram-host{background:#edf0f7;color:#81889b;font-size:10px;padding:10px}.diagram-hint{font-size:11px;color:var(--muted);line-height:1.85;margin-top:16px}.explorer-tabs{gap:6px;margin-bottom:15px}.explorer-tab{background:var(--surface);color:var(--muted);border-color:var(--line);font-size:10px;border-radius:5px;padding:7px 4px}.explorer-tab.active{background:var(--purple);color:white}.range-label{font-size:12px;color:var(--muted)}
.lab-layout{gap:24px;grid-template-columns:minmax(270px,.8fr) minmax(0,1.8fr)}.lab-menu{gap:10px}.lab-choice{border-color:var(--line);background:var(--surface);border-radius:10px;padding:18px 20px}.lab-choice.active{background:var(--lavender);border-color:#b7adf0}.lab-choice b{font-size:15px;letter-spacing:-.3px}.lab-choice small{font-size:11px;color:var(--muted)}.lab-instructions{margin-top:21px;background:var(--surface);border-color:var(--line);border-radius:12px;padding:23px}.lab-instructions h3{font-size:18px}.lab-instructions p{font-size:12px;line-height:1.85;color:var(--muted)}.objective{font-size:12px;color:var(--muted);gap:10px;line-height:1.8}.objective .icon{color:var(--label);margin-top:3px}.terminal{border-radius:13px;background:#111c2f;border:1px solid #2b3c58;box-shadow:0 15px 35px #1b2e4a12}.terminal-header{background:#19263c;color:#a1b3cd;border-bottom:1px solid #293b58;padding:16px 20px;font-size:10px}.terminal-dots{gap:6px}.terminal-dots i{width:8px;height:8px}.terminal-body{font-size:12px;line-height:1.95;color:#a9b9d4;height:405px;padding:24px}.terminal-line.command{color:#e8f1ff;margin-top:15px}.terminal-line.success{color:#9ce0bb}.terminal-line.error{color:#f1a9b6}.terminal-prompt{color:#9be1ce;padding:14px 24px 24px;font-size:12px}.terminal-prompt input{font-size:12px;color:#dfeafb}.terminal-reset{font-size:10px;color:#adbed9}.terminal-note{color:var(--muted);font-size:11px;line-height:1.8}.suggestions{gap:8px;margin-top:18px}.command-chip{background:var(--surface);border-color:var(--line);font-size:10px;padding:6px 9px;color:var(--purple);border-radius:6px;max-width:100%;text-align:left;overflow-wrap:anywhere}.challenge-grid{gap:23px}.challenge-card{background:var(--surface);border-color:var(--line);border-radius:14px;padding:30px;box-shadow:var(--shadow)}.challenge-card .eyebrow{font-size:9px}.challenge-card h2{font-size:27px;letter-spacing:-1px;margin:5px 0 13px}.challenge-card p{font-size:14px;color:var(--muted);line-height:1.85}.editor{background:#152036;border-color:#304159;color:#cdddf6;padding:20px;font-size:12px;line-height:1.9;border-radius:10px;min-height:230px}.check-row{font-size:12px;color:var(--muted)}.reference-grid{gap:22px}.ref-card{background:var(--surface);border-color:var(--line);border-radius:13px;padding:28px;box-shadow:var(--shadow)}.ref-card h2{font-size:21px;margin-bottom:17px}.ref-row{border-color:var(--line);padding:15px 0}.ref-command code{color:var(--purple);font-size:11px}.copy-button{background:var(--lavender);color:var(--purple);padding:6px 8px;border-radius:6px;flex:none}.ref-row p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}.ref-search{font-size:14px;border-color:var(--line);border-radius:10px;padding:15px 18px;background:var(--surface);color:var(--ink)}.empty-state{color:var(--muted)}dialog{background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:17px;box-shadow:0 25px 100px #0c142340}dialog::backdrop{background:#0d14266e;backdrop-filter:blur(8px)}.modal-content{padding:34px}.modal-head h2{font-size:26px}.modal-close{color:var(--muted)}.modal-content>p{font-size:13px;color:var(--muted);line-height:1.9}.search-input{background:var(--surface-soft);border-color:var(--line);border-radius:9px;color:var(--ink);font-size:14px;padding:15px}.search-result{padding:14px;font-size:13px;color:var(--ink)}.search-result:hover{background:var(--lavender)}.search-result small{color:var(--label);font-size:10px}.overview-step b{font-size:14px}.overview-step p{font-size:12px;color:var(--muted);line-height:1.85}.overview-step>span{background:var(--lavender);color:var(--purple)}.progress-details{color:var(--muted);font-size:13px}.progress-big{color:var(--purple)}.progress-big small{color:var(--label)}#toast{background:#1c2a40;color:#e9f2ff;padding:14px 21px;border-radius:10px;font-size:13px;box-shadow:0 8px 24px #0e182c20;left:calc(50% + 127px)}
[data-theme=dark]{color-scheme:dark;--bg:#101623;--paper:#182132;--surface:#182132;--surface-soft:#1d283b;--ink:#e5ecf8;--muted:#a4b1c8;--line:#293449;--purple:#a297ff;--purple-dark:#b7acff;--lavender:#292944;--label:#94a3bd;--green:#8edbb7;--shadow:0 12px 35px #050b140d}
[data-theme=dark] .primary{background:#8a7cf1;color:#fff;border-color:#a095f9}[data-theme=dark] .primary:hover{background:#9c8fff}[data-theme=dark] .hero .primary{background:#a7e5d5;color:#163d39;border-color:#b8eddc}[data-theme=dark] .nav-count{background:#3a355b}[data-theme=dark] .small-new{background:#233d36;color:#8bd1b0}[data-theme=dark] .avatar{background:#323250;border-color:#454165;color:#cbc3f4}[data-theme=dark] .metric-icon{background:#312c49;color:#b29cd9}[data-theme=dark] .metric:nth-child(2) .metric-icon{background:#233d36;color:#93c0a7}[data-theme=dark] .metric:nth-child(3) .metric-icon{background:#3c352a;color:#cfb18a}[data-theme=dark] .metric:nth-child(4) .metric-icon{background:#3d2e3d;color:#d0a0b9}[data-theme=dark] .card-icon{background:#2b3448;color:#b4b9e8}[data-theme=dark] .module-card.completed{border-color:#3c6758}[data-theme=dark] .course-num.done{background:#233d36;border-color:#3c6758;color:#9bd7ba}[data-theme=dark] .bottom-banner{border-color:#45405c}[data-theme=dark] .bottom-banner .button{border-color:var(--line)}[data-theme=dark] .diagram-container{background:#2b2f50;color:#bdc0ee;border-color:#4c4f77}[data-theme=dark] .diagram-kernel{background:#3a3655;color:#c1b8e3}[data-theme=dark] .diagram-host{background:#252f42;color:#a2aec5}[data-theme=dark] .quiz-option.correct,[data-theme=dark] .feedback{background:#20372f;border-color:#426d58;color:#a1d7b6}[data-theme=dark] .quiz-option.wrong{background:#402935;border-color:#875361;color:#e4b2be}[data-theme=dark] .feedback.wrong{background:#3a3028;color:#d7b69a}[data-theme=dark] .option-letter{border-color:#3b4660}[data-theme=dark] .hero{border-color:#334159}[data-theme=dark] .lab-choice.active{border-color:#746595}[data-theme=dark] .filter.active{background:#bab3f9;color:#28243b;border-color:#bab3f9}
@media(min-width:1600px){main{padding-top:45px}.hero{min-height:365px}.hero-content{padding:42px}.hero h2{font-size:58px}.hero p{font-size:14px}.module-card{padding:27px}.module-card h3{font-size:21px}.module-card p{font-size:13px}.card-meta{font-size:10px}}
@media(max-width:1250px){.sidebar{width:225px;padding:27px 14px}.app{margin-left:225px}.brand{font-size:27px;margin-left:12px}.nav-item{font-size:12px}.course-nav a{font-size:10px}.topbar{padding:0 30px}main{padding:32px 30px}.welcome h1{font-size:28px}.hero-content{padding:31px}.hero h2{font-size:42px}.hero p{font-size:12px}.hero{min-height:310px}.metrics{padding:18px 0}.metric{padding:0 16px;gap:11px}.metric-icon{width:34px;height:34px}.metric strong{font-size:19px}.metric small{font-size:9px}.module-card{padding:20px}.module-card h3{font-size:17px}.module-card p{font-size:11px}.card-meta{font-size:8px;gap:6px}.card-link{font-size:9px}.section-head h2{font-size:22px}.header-right{gap:14px}.search-button kbd{margin-left:7px}#toast{left:calc(50% + 112px)}}
@media(max-width:1050px){.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.4fr 1fr}.hero-content{padding:29px}.hero h2{font-size:39px}.hero-art svg{width:125%;left:-35px}.hero p{font-size:11px}.hero .text-button{font-size:10px}.hero .button{font-size:11px}.hero-art-label{display:none}.metric{gap:10px;padding:0 11px}.metric small{font-size:8px}.metric-icon{width:30px;height:30px}.section-head{align-items:start}.section-head h2{font-size:20px}.section-head p{font-size:11px}.progress-summary{min-width:145px;font-size:9px}.module-card h3{font-size:19px}.module-card p{font-size:12px}.card-meta{font-size:9px}.lesson-layout{grid-template-columns:1fr}.lesson-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.lab-layout{grid-template-columns:1fr}.lab-menu{display:grid;grid-template-columns:1fr 1fr}.search-button span:not(:first-child),.search-button kbd{display:none}.reference-grid{grid-template-columns:1fr}}
@media(max-height:900px) and (min-width:721px){.sidebar{padding-top:24px;padding-bottom:16px}.brand{margin-bottom:24px}.sidebar-rule{margin-top:18px;margin-bottom:18px}.course-nav a{padding-top:6px;padding-bottom:6px}.sidebar-bottom{padding-top:16px}.little-tip{padding:12px}.studio-signature{margin-top:13px;padding-top:11px}.docs-link{margin-top:15px;margin-bottom:13px}}
@media(max-height:770px) and (min-width:721px){.little-tip{display:none}.sidebar{overflow-y:auto}.studio-signature{margin-top:15px}.brand{margin-bottom:20px}}
@media(max-width:720px){.sidebar{width:254px;transform:translateX(-100%);padding:26px 18px;box-shadow:10px 0 55px #0a132a33;overflow-y:auto}.sidebar.open{transform:translateX(0)}.app{margin-left:0}.topbar{height:66px;padding:0 20px;position:sticky;top:0;background:var(--surface);z-index:15}.mobile-menu{display:block}.breadcrumb{gap:10px;font-size:11px}.header-right{gap:12px}.xp-pill{padding-left:12px;font-size:10px}.search-button{padding:4px}.avatar{width:29px;height:29px}.theme-toggle{width:28px;height:28px}.theme-toggle .icon{width:14px;height:14px}main{padding:28px 20px}.welcome{align-items:start}.welcome h1{font-size:28px}.welcome p{font-size:12px}.level-tag{font-size:9px;padding:6px 9px;white-space:nowrap}.hero{min-height:290px}.hero-content{padding:28px}.hero h2{font-size:40px;letter-spacing:-1.6px}.hero p{font-size:12px;max-width:290px}.hero-label{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.hero-art svg{width:125%;left:-35px}.hero-art{min-height:250px}.hero .primary{font-size:12px}.metrics{grid-template-columns:1fr 1fr;row-gap:20px;padding:20px 0}.metric{padding-left:22px;gap:14px}.metric-icon{width:36px;height:36px}.metric strong{font-size:21px}.metric small{font-size:10px}.metric:nth-child(2){border:0}.section-head h2{font-size:22px}.section-head p{font-size:12px}.module-card{padding:21px}.card-top{margin-bottom:18px}.card-meta{font-size:9px}.card-link{font-size:10px}.module-card h3{font-size:20px}.bottom-banner{padding:21px;gap:14px}.bottom-banner .button{margin-left:39px}.bottom-banner h3{font-size:14px}.bottom-banner p{font-size:11px}footer{padding:22px 20px;font-size:9px}#toast{left:50%;font-size:12px}.lesson-title{font-size:35px}.lesson-lead{font-size:14px}.lesson-side{grid-template-columns:1fr}.lesson-layout{gap:20px}.panel{padding:25px}.lesson-section p{font-size:14px}.page-top h1{font-size:31px}.page-top p{font-size:13px}.terminal-body{padding:20px;font-size:11px}.terminal-prompt{font-size:11px;padding-left:20px}.terminal-prompt input{font-size:11px}.terminal-header{font-size:9px;padding:15px}.ref-card{padding:23px}.modal-content{padding:25px}.challenge-card{padding:25px}.challenge-card h2{font-size:25px}.challenge-card p{font-size:13px}.brand{margin-bottom:28px}.course-nav a{font-size:11px}.studio-signature{font-size:10px}}
@media(max-width:470px){.welcome{display:block}.welcome h1{font-size:27px}.welcome .eyebrow{font-size:8px;letter-spacing:1.3px}.welcome p{font-size:12px;max-width:290px}.level-tag{margin-top:13px}.hero{grid-template-columns:1fr;min-height:346px}.hero-content{padding:26px 24px}.hero h2{font-size:42px;letter-spacing:-1.7px}.hero p{font-size:12px;max-width:260px;position:relative;z-index:3}.hero-art{position:absolute;width:210px;height:225px;min-height:0;right:-46px;bottom:-30px;margin:0;opacity:.45;pointer-events:none}.hero-art svg{width:100%;left:0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:14px;position:relative;z-index:4}.hero-label{font-size:8px}.hero .text-button{font-size:10px}.hero .button{font-size:11px;padding:10px 15px}.hero p br{display:none}.metrics{margin:21px 0 28px}.metric{padding-left:18px;gap:11px}.metric small{font-size:9px}.metric strong{font-size:20px}.section-head{flex-wrap:wrap;gap:16px}.section-head h2{font-size:23px;max-width:290px}.section-head p{font-size:12px}.progress-summary{width:100%;font-size:10px}.filters{gap:7px}.filter{padding:7px 10px;font-size:10px}.modules{grid-template-columns:1fr;gap:17px}.module-card{padding:23px}.module-card h3{font-size:22px}.module-card p{font-size:13px;min-height:0}.card-tags{margin:16px 0 18px}.card-meta{font-size:10px;gap:12px}.card-link{font-size:11px}.tag{font-size:9px}.avatar{display:grid}.header-right{gap:9px}.xp-pill{gap:4px;padding-left:9px}.search-button{display:none}.brand{font-size:29px}.page-top h1{font-size:31px}.lab-menu{grid-template-columns:1fr}.terminal-header{font-size:8px;gap:6px}.terminal-top-right{gap:7px}.terminal-body{padding:16px;font-size:10px;line-height:1.9}.terminal-prompt{padding:13px 16px 20px;font-size:10px}.terminal-prompt input{font-size:10px}.terminal-note{font-size:10px}.lesson-title{font-size:34px}.panel{padding:22px}.lesson-section h2{font-size:20px}.lesson-section p{font-size:13px}.lesson-lead{font-size:14px}.code-block{font-size:11px;padding:17px}.ref-command code{font-size:11px}.ref-row p{font-size:11px}.bottom-banner .button{margin-left:0}.bottom-banner{gap:13px}.bottom-banner>.icon{display:none}footer{gap:12px;flex-wrap:wrap}.modal-content{padding:23px}.modal-head h2{font-size:23px}.modal-content>p{font-size:12px}.quiz-question{font-size:13px}.quiz-option{font-size:12px}.editor{font-size:11px;padding:15px}.studio-signature{padding-bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}