:root{
  --ink:#102a43;--ink-2:#243b53;--muted:#627d98;--paper:#f5f8fb;--card:#ffffff;
  --teal:#0e9488;--teal-2:#d9f5ef;--blue:#2f6fed;--blue-2:#e8efff;--gold:#f4b942;
  --coral:#e86f51;--line:#d9e2ec;--shadow:0 18px 50px rgba(16,42,67,.10);
  --radius:24px;--radius-sm:15px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px;z-index:99}.skip-link:focus{left:8px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;background:rgba(245,248,251,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,226,236,.8)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:21px}.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:16px}.brand small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.main-nav a{text-decoration:none;color:var(--ink-2)}.main-nav a:hover{color:var(--teal)}.nav-dashboard{padding:11px 16px;border-radius:13px;background:var(--ink);color:#fff!important}.menu-button{display:none;border:0;background:var(--ink);color:#fff;border-radius:10px;width:42px;height:42px}.mobile-nav{display:none;position:fixed;top:78px;left:0;right:0;z-index:49;background:#fff;border-bottom:1px solid var(--line);padding:14px 24px}.mobile-nav a{display:block;padding:12px 0;text-decoration:none;font-weight:750}main{min-height:calc(100vh - 220px)}.shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}.hero{padding:76px 0 60px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--teal-2);color:#08786f;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-.055em;margin:18px 0 20px}.hero h1 span{color:var(--teal)}.lede{font-size:clamp(17px,2vw,21px);color:var(--ink-2);max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;font-weight:800;text-decoration:none;cursor:pointer;transition:.18s transform,.18s box-shadow}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(16,42,67,.18)}.btn-teal{background:var(--teal);color:#fff}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero-board{background:var(--ink);color:#fff;border-radius:32px;padding:28px;box-shadow:var(--shadow);position:relative}.hero-board:after{content:"";position:absolute;width:100px;height:100px;border-radius:28px;background:var(--teal);right:-24px;top:-28px;transform:rotate(14deg);z-index:-1}.term-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.term-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px}.term-card small{display:block;color:#a8c3d8;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.term-card strong{display:block;font-size:22px;margin:9px 0 5px}.term-card p{margin:0;color:#d9e2ec;font-size:13px}.or{display:grid;place-items:center;color:#a8c3d8;font-weight:800}.choice-strip{margin-top:16px;background:#fff;color:var(--ink);border-radius:20px;padding:16px 18px}.choice-strip b{display:block;margin-bottom:4px}.choice-strip span{font-size:13px;color:var(--muted)}.section{padding:64px 0}.section-tight{padding:38px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.04em;margin:0}.section-head p{max-width:560px;color:var(--muted);margin:0}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.path-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;transition:.18s}.path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8c7d5}.path-icon{display:inline-grid;place-items:center;min-width:44px;height:40px;padding:0 9px;border-radius:11px;background:var(--blue-2);color:var(--blue);font-size:12px;font-weight:900}.path-card h3{margin:17px 0 7px;font-size:19px}.path-card p{color:var(--muted);font-size:13px;margin:0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.feature-card h3{font-size:25px;margin:0 0 10px}.feature-card p{color:var(--muted)}.number-line{display:flex;gap:12px;align-items:flex-start;margin-top:18px}.number-line b{min-width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--teal-2);color:#08786f}.number-line div strong{display:block}.number-line div span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.page-hero{padding:58px 0 34px}.page-hero h1{font-size:clamp(40px,5vw,64px);margin-bottom:14px}.page-hero p{font-size:18px;color:var(--muted);max-width:780px}.catalog-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 26px}.input,.select{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;color:var(--ink);min-height:45px}.input{flex:1;min-width:220px}.select{min-width:180px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;min-height:320px}.course-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.pill-basic{background:var(--blue-2);color:#315fbd}.pill-applied{background:#fff0e9;color:#b34831}.pill-green{background:var(--teal-2);color:#08786f}.course-card h3{font-size:25px;line-height:1.03;letter-spacing:-.025em;margin:18px 0 5px}.course-card .subtitle{font-size:13px;font-weight:800;color:var(--teal);margin-bottom:12px}.course-card p{color:var(--muted);font-size:14px}.course-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);font-weight:750;margin-top:auto;padding-top:18px}.course-card .actions{margin-top:16px}.course-card .btn{padding:10px 13px;font-size:13px}.empty{background:#fff;border:1px dashed #b8c7d5;border-radius:20px;padding:42px;text-align:center;color:var(--muted)}.course-hero{padding:50px 0 28px}.course-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.course-hero h1{font-size:clamp(42px,5vw,64px);letter-spacing:-.05em;line-height:.98;margin:14px 0 10px}.course-hero .subtitle-big{font-size:21px;color:var(--teal);font-weight:800}.course-side{background:var(--ink);color:#fff;border-radius:25px;padding:24px}.course-side .meta-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}.course-side .meta-row:last-child{border:0}.course-side small{color:#9fb8cc}.course-side strong{text-align:right}.course-nav{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0}.course-nav a{text-decoration:none;font-weight:800;font-size:13px;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:12px}.lesson-list{display:grid;gap:10px}.lesson-row{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 16px;text-decoration:none}.lesson-num{width:40px;height:40px;border-radius:12px;background:var(--paper);display:grid;place-items:center;font-weight:900}.lesson-row h4{margin:0 0 3px}.lesson-row p{margin:0;color:var(--muted);font-size:13px}.lesson-status{font-size:12px;font-weight:850;color:var(--muted)}.lesson-status.done{color:var(--teal)}.project-box{background:linear-gradient(135deg,var(--ink),#1f4a6d);color:#fff;border-radius:26px;padding:28px}.project-box p{color:#d9e2ec}.teks-bars{display:grid;gap:12px}.teks-bar-row{display:grid;grid-template-columns:minmax(180px,1fr) 160px;gap:15px;align-items:center}.bar{height:10px;border-radius:999px;background:#e7edf2;overflow:hidden}.bar>span{display:block;height:100%;background:var(--teal);border-radius:999px}.align-note{font-size:13px;color:var(--muted)}.lesson-shell{width:min(1220px,calc(100% - 28px));margin:26px auto 60px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.lesson-sidebar{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;align-self:start;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}.lesson-sidebar h3{font-size:15px;margin:8px 7px 13px}.side-lesson{display:flex;gap:9px;padding:10px;border-radius:12px;text-decoration:none;font-size:12px;color:var(--ink-2)}.side-lesson:hover,.side-lesson.active{background:var(--paper)}.side-lesson .n{font-weight:900;min-width:22px}.lesson-main{min-width:0}.lesson-top{background:var(--ink);color:#fff;border-radius:25px;padding:28px}.lesson-top small{color:#9fb8cc;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.lesson-top h1{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.04em;margin:10px 0}.lesson-top p{color:#d9e2ec;max-width:760px}.progress-track{height:8px;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden;margin-top:22px}.progress-track span{display:block;height:100%;background:#52d5c5}.learning-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;margin-top:16px}.learning-card h2{font-size:24px;margin:0 0 12px}.learning-card p{color:var(--ink-2)}.step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.step{background:var(--paper);border-radius:14px;padding:14px;font-size:14px}.step b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fff;margin-right:7px}.studio{background:#0b1f33;color:#f2f7fb;border-radius:22px;padding:22px;margin-top:16px}.studio h2{margin-top:0}.studio p{color:#c8d6e2}.studio-box{background:#102a43;border:1px solid #284b67;border-radius:16px;padding:16px}.studio-task{font-size:18px;font-weight:800;margin-bottom:12px}.studio-textarea{width:100%;min-height:150px;background:#071828;color:#e9f5ff;border:1px solid #385a74;border-radius:12px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55;resize:vertical}.studio-actions{display:flex;gap:10px;margin-top:10px}.studio-result{margin-top:10px;border-radius:12px;padding:11px 13px;background:rgba(255,255,255,.07);font-size:13px}.quiz-options{display:grid;gap:9px;margin:15px 0}.quiz-option{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer;color:var(--ink)}.quiz-option:hover{border-color:#9bb3c5}.quiz-option.selected{border-color:var(--teal);box-shadow:0 0 0 2px rgba(14,148,136,.12)}.quiz-feedback{padding:12px 14px;border-radius:12px;background:var(--paper);font-size:14px}.lesson-footer-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.term-panel{background:#fff;border:1px solid var(--line);border-radius:25px;padding:24px}.term-panel h2{margin:4px 0 16px}.term-slot{background:var(--paper);border-radius:17px;padding:16px}.term-slot.empty-slot{text-align:center;border:1px dashed #b8c7d5}.course-progress{height:10px;background:#dfe7ee;border-radius:999px;overflow:hidden;margin:12px 0}.course-progress span{display:block;height:100%;background:var(--teal)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat strong{display:block;font-size:29px;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:12px}.recommend-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.quiz-panel,.recommend-result{background:#fff;border:1px solid var(--line);border-radius:25px;padding:25px}.field{margin:19px 0}.field label.title{display:block;font-weight:850;margin-bottom:9px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}.choice input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.recommend-card{background:var(--paper);border-radius:18px;padding:18px;margin-top:12px}.recommend-card h3{margin:0 0 5px}.score{font-size:12px;color:var(--teal);font-weight:850}.source-list{display:grid;gap:10px}.source-link{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;text-decoration:none}.source-link small{color:var(--muted)}.strand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.strand-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.strand-card h3{font-size:16px}.strand-card p{font-size:12px;color:var(--muted)}.callout{background:var(--teal-2);border:1px solid #b7e8df;border-radius:20px;padding:20px;color:#075b55}.callout strong{display:block;margin-bottom:6px}.site-footer{width:min(var(--max),calc(100% - 40px));margin:40px auto 0;padding:36px 0 44px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:28px;color:var(--muted);font-size:13px}.site-footer strong{color:var(--ink)}.site-footer div:nth-child(2){display:grid;gap:7px}.site-footer a{color:var(--ink-2);text-decoration:none}.legal{margin:0}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:13px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:80;max-width:330px;font-size:13px}.toast.show{opacity:1;transform:translateY(0)}.tiny{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tool-tag{padding:6px 9px;border-radius:999px;background:var(--paper);font-size:11px;font-weight:800;color:var(--ink-2)}
@media(max-width:980px){.main-nav{display:none}.mobile-nav:not([hidden]){display:block}.menu-button{display:block}.hero-grid,.course-hero-grid,.recommend-grid{grid-template-columns:1fr}.hero-board{max-width:650px}.path-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.strand-grid{grid-template-columns:repeat(2,1fr)}.lesson-shell{grid-template-columns:1fr}.lesson-sidebar{position:relative;top:0;max-height:none}.dashboard-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.legal{grid-column:1/-1}}
@media(max-width:650px){.topbar{height:68px;padding:0 16px}.mobile-nav{top:68px}.brand small{display:none}.shell{width:min(100% - 26px,var(--max))}.hero{padding:48px 0}.hero h1,.page-hero h1{font-size:42px}.term-row{grid-template-columns:1fr}.or{height:20px}.path-grid,.course-grid,.two-column,.step-grid,.stat-grid,.strand-grid{grid-template-columns:1fr}.section{padding:46px 0}.section-head{display:block}.section-head p{margin-top:10px}.lesson-row{grid-template-columns:44px 1fr}.lesson-status{grid-column:2}.teks-bar-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.lesson-shell{width:calc(100% - 18px);margin-top:10px}.lesson-top,.learning-card,.studio{border-radius:18px;padding:20px}.lesson-footer-actions{flex-direction:column}.lesson-footer-actions .btn{width:100%}.course-side{padding:20px}}

/* Pathway-first catalog + interactive lesson system */
.path-programming{--path:#e56847;--path-soft:#fff0ea;--path-deep:#9f3e27}
.path-ai{--path:#7757e8;--path-soft:#f1edff;--path-deep:#4b31aa}
.path-web{--path:#2f6fed;--path-soft:#eaf1ff;--path-deep:#1d4bad}
.path-games{--path:#d94b87;--path-soft:#fff0f7;--path-deep:#9f285b}
.path-data{--path:#0e9488;--path-soft:#e2f7f3;--path-deep:#08756d}
.path-apps{--path:#d58b25;--path-soft:#fff4df;--path-deep:#946016}
.path-robotics{--path:#5268c7;--path-soft:#edf0ff;--path-deep:#344795}
.choice-hero{padding:38px 0 20px}.choice-hero-box{border:1px solid #bcd1ff;background:linear-gradient(135deg,#edf4ff,#f7f9ff);border-radius:22px;padding:30px 32px;position:relative;overflow:hidden}.choice-hero-box:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-48px;top:-68px;border:24px solid rgba(47,111,237,.08)}.choice-hero-box h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.045em;line-height:1;margin:13px 0}.choice-hero-box p{font-size:18px;color:var(--ink-2);max-width:790px;margin:0}.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-facts span{background:#fff;border:1px solid #d8e4ff;border-radius:999px;padding:8px 12px;color:#30507e;font-size:12px;font-weight:750}.hero-facts strong{color:#123f9c}.review-note{margin:16px auto;background:#fff;border:1px solid #bfd0ee;border-radius:16px;padding:14px 18px;color:var(--ink-2);font-size:14px}.review-note strong{color:var(--ink);margin-right:5px}
.pathway-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.path-choice{--path:var(--blue);--path-soft:var(--blue-2);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;min-height:360px;transition:.18s transform,.18s box-shadow,.18s border-color}.path-choice:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--path) 45%,white)}.path-choice-art{height:116px;background:linear-gradient(125deg,var(--path-soft),color-mix(in srgb,var(--path) 34%,white));display:flex;align-items:center;justify-content:center;position:relative}.path-choice-badge{min-width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.55);display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--path-deep)}.path-choice-symbol{position:absolute;right:20px;bottom:10px;font-size:32px;font-weight:950;color:color-mix(in srgb,var(--path) 70%,white)}.path-choice-body{padding:19px 20px 20px;display:flex;flex-direction:column;flex:1}.path-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--path-deep,var(--teal));font-weight:900}.path-choice h3{margin:6px 0 3px;font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--path-deep)}.path-choice h4{font-size:22px;line-height:1.13;letter-spacing:-.025em;margin:4px 0 8px}.path-choice p{font-size:13px;color:var(--muted);margin:0}.path-choice-meta{margin-top:auto;padding-top:16px;font-size:12px;color:var(--ink-2)}.path-choice-meta strong{font-size:14px}.browse-link{font-size:12px;font-weight:850;color:var(--path-deep);margin-top:8px}.term-example{display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:9px;align-items:center;background:var(--paper);border-radius:14px;padding:12px;margin:12px 0}.term-example b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.term-example span{font-weight:850}.term-example i{font-style:normal;color:var(--teal);font-weight:900}
.pathway-page{--path:var(--blue);--path-soft:var(--blue-2);padding:28px 0 70px}.pathway-breadcrumb{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin:4px 0 16px}.pathway-breadcrumb a{text-decoration:none;font-weight:800;color:var(--path-deep)}.pathway-title-card{background:linear-gradient(120deg,var(--path-soft),color-mix(in srgb,var(--path) 26%,white));border:1px solid color-mix(in srgb,var(--path) 32%,white);border-radius:22px;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.pathway-title-card:after{content:"";position:absolute;right:-42px;bottom:-86px;width:220px;height:220px;border:22px solid rgba(255,255,255,.36);border-radius:50%}.pathway-title-card h1{font-size:clamp(38px,5vw,58px);line-height:.95;letter-spacing:-.05em;margin:8px 0 10px}.pathway-title-card p{font-size:19px;color:var(--ink-2);margin:0;max-width:700px}.path-skill{display:inline-flex;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;color:var(--path-deep)}.pathway-mark{min-width:150px;min-height:126px;border-radius:28px;background:rgba(255,255,255,.46);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--path-deep);z-index:1}.pathway-mark span{font-size:30px;font-weight:950}.pathway-mark small{font-weight:800;margin-top:8px}.pathway-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.path-filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;color:var(--ink-2);cursor:pointer}.path-filter b{margin-left:5px}.path-filter.active{background:var(--path);border-color:var(--path);color:#fff}.pathway-purpose{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid color-mix(in srgb,var(--path) 28%,white);border-radius:15px;padding:13px 17px;margin-bottom:16px;font-size:13px}.pathway-purpose strong{color:var(--path-deep);white-space:nowrap}.path-course-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:16px}.path-course-section[hidden]{display:none}.path-course-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:4px 2px 18px;border-bottom:1px solid var(--line)}.path-course-head h2{font-size:28px;letter-spacing:-.03em;margin:10px 0 6px}.path-course-head p{color:var(--muted);max-width:720px;margin:0}.path-course-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.path-course-actions .btn{white-space:nowrap}.unit-block{padding-top:18px;margin-top:6px}.unit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:10px 0 13px}.unit-heading>div{display:flex;align-items:flex-start;gap:11px}.unit-heading h3{font-size:18px;margin:0 0 3px}.unit-heading p{font-size:12px;color:var(--muted);margin:0;max-width:720px}.unit-heading>span{font-size:11px;color:var(--muted);font-weight:800;white-space:nowrap}.unit-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--path-soft);color:var(--path-deep);font-size:9px;font-weight:950}.unit-heading.compact{background:var(--paper);border-radius:16px;padding:15px;margin:26px 0 10px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.module-card{display:flex;flex-direction:column;min-height:236px;border:1px solid color-mix(in srgb,var(--path) 26%,white);border-radius:14px;padding:12px;text-decoration:none;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--path-soft) 35%,white));transition:.16s}.module-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,42,67,.08);border-color:var(--path)}.module-card-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;text-transform:uppercase;font-weight:850;color:var(--muted)}.module-state.done{color:var(--teal)}.module-icon{width:27px;height:27px;border-radius:8px;background:var(--path-soft);color:var(--path-deep);display:grid;place-items:center;font-size:8px;font-weight:950;margin-top:12px}.module-type{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;margin-top:9px}.module-card h4{font-size:15px;line-height:1.15;margin:6px 0}.module-card p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.module-link{margin-top:auto;padding-top:10px;color:var(--path-deep);font-size:10px;font-weight:900}.path-capstone{display:flex;gap:13px;align-items:center;background:var(--ink);color:#fff;border-radius:15px;padding:14px 16px;margin-top:20px}.path-capstone strong{font-size:13px;flex:1}.path-capstone a{font-size:11px;font-weight:850;color:#fff;text-decoration:none}.course-unit-list{margin-top:24px}.back-path{display:inline-block;margin-bottom:8px;text-decoration:none;color:var(--path-deep);font-weight:800}
.side-path-heading{display:flex;align-items:flex-start;gap:9px;background:var(--paper);border-radius:12px;padding:10px;margin:12px 0 8px}.side-path-heading>span{min-width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-size:8px;font-weight:900}.side-path-heading small{display:block;font-size:8px;letter-spacing:.08em;color:var(--muted);font-weight:900}.side-path-heading strong{display:block;font-size:11px;line-height:1.25;margin-top:2px}.side-course-link{display:block;text-decoration:none;color:var(--teal);font-size:11px;font-weight:800;padding:2px 7px 7px}.lesson-path-banner{--path:var(--blue);--path-soft:var(--blue-2);display:flex;align-items:center;gap:11px;background:var(--path-soft);border:1px solid color-mix(in srgb,var(--path) 25%,white);border-radius:16px;padding:11px 14px;margin-bottom:9px}.lesson-path-banner>span{width:36px;height:36px;border-radius:10px;background:var(--path);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:950}.lesson-path-banner small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--path-deep);font-weight:900}.lesson-path-banner strong{display:block;font-size:13px}.lesson-path-banner a{margin-left:auto;text-decoration:none;color:var(--path-deep);font-size:11px;font-weight:850}.lesson-goal-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9fb8cc;font-weight:850}.concept-card{border-top:4px solid var(--teal)}.concept-head{display:flex;align-items:center;gap:12px}.concept-head h2{margin:2px 0 0}.concept-objective,.why-box{display:grid;grid-template-columns:125px 1fr;gap:13px;border-radius:13px;padding:12px 14px;margin-top:12px;font-size:13px}.concept-objective{background:var(--paper)}.why-box{background:var(--teal-2);color:#075b55}.concept-objective strong,.why-box strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.section-minihead{margin-bottom:14px}.section-minihead h2{margin-top:8px}
.interactive-lab{background:linear-gradient(145deg,#0b1f33,#102f4b);color:#fff;border-radius:22px;padding:23px;margin-top:16px;box-shadow:0 18px 44px rgba(11,31,51,.14)}.lab-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.lab-heading h2{font-size:26px;letter-spacing:-.03em;margin:5px 0}.lab-heading p{color:#c8d6e2;margin:0;max-width:710px}.lab-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#73ded1}.lab-xp{font-size:10px;font-weight:850;color:#a8c3d8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:999px;white-space:nowrap}.lab-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}.lab-controls{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;display:grid;gap:12px}.lab-controls label{display:grid;gap:5px;font-size:11px;color:#c8d6e2;font-weight:800}.lab-controls input,.lab-controls select{width:100%}.lab-controls input[type=number],.lab-controls select{background:#071828;border:1px solid #385a74;color:#fff;border-radius:10px;padding:9px}.lab-controls output{color:#73ded1}.code-sim,.model-card,.web-preview-wrap{background:#071828;border:1px solid #385a74;border-radius:16px;overflow:hidden}.window-dots,.browser-bar{font-size:8px;letter-spacing:3px;color:#64839d;padding:10px 12px;border-bottom:1px solid #284b67}.browser-bar span{letter-spacing:0;margin-left:8px}.code-sim pre{padding:4px 17px 12px;margin:0;color:#d9efff;font-size:13px;line-height:1.6;white-space:pre-wrap}.code-sim pre span{color:#73ded1}.console-output{border-top:1px solid #284b67;padding:11px 17px;min-height:56px;white-space:pre-line;color:#b9ffc8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lab-mission{font-size:12px!important;color:#c8d6e2!important;margin:14px 2px 0!important}.pipeline-builder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:9px;align-items:end;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px}.pipeline-builder label{display:grid;gap:5px;color:#c8d6e2;font-size:10px;font-weight:850}.pipeline-builder select{background:#071828;color:#fff;border:1px solid #385a74;border-radius:10px;padding:10px}.pipeline-builder>span{align-self:center;color:#73ded1;font-weight:900}.pipeline-result{background:#071828;border:1px solid #385a74;border-radius:13px;padding:14px;margin-top:10px;font-size:13px}.pipeline-result span{color:#73ded1;margin:0 6px}.pipeline-result small{display:block;color:#9fb8cc;margin-top:7px}.model-card{padding:21px;display:flex;flex-direction:column;justify-content:center}.model-card>span{font-size:9px;letter-spacing:.1em;color:#9fb8cc;font-weight:900}.model-card>strong{font-size:38px;letter-spacing:-.04em;margin:8px 0}.model-card p{color:#c8d6e2;font-size:12px}.confidence-track,.sensor-line{height:10px;border-radius:999px;background:#183b58;overflow:hidden}.confidence-track i,.sensor-line i{height:100%;display:block;background:#73ded1;border-radius:999px;transition:.2s}.web-preview-wrap{padding-bottom:14px}.web-preview{margin:14px;background:#fff;color:var(--ink);padding:22px;border-radius:18px;transition:.15s}.web-preview h3{margin:8px 0;font-size:28px;line-height:1}.web-preview p{font-size:12px;color:var(--muted)}.web-preview button{border:0;border-radius:9px;padding:8px 11px;background:var(--ink);color:#fff;font-weight:800}.preview-chip{font-size:9px;background:var(--teal-2);color:#08786f;border-radius:999px;padding:5px 8px;font-weight:850}
.game-lab,.robot-lab,.phone-lab{display:grid;grid-template-columns:1fr .75fr;gap:14px}.game-grid,.robot-grid{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;max-width:390px;border:1px solid #385a74;border-radius:16px;overflow:hidden;background:#071828}.grid-cell{display:grid;place-items:center;border-right:1px solid #183b58;border-bottom:1px solid #183b58;color:#fff;font-size:22px;min-width:0}.grid-cell.player{color:#73ded1}.grid-cell.target{color:#ffd66b}.grid-cell.robot{color:#b9ffc8}.game-controls{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:10px}.game-controls>div{display:flex;gap:6px}.game-controls button{border:1px solid #385a74;background:#102a43;color:#fff;border-radius:9px;width:42px;height:34px;cursor:pointer;font-weight:900}.game-controls .game-reset{width:auto;padding:0 14px;font-size:10px}.game-hud,.robot-panel,.prototype-notes{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px}.game-hud>span,.robot-panel>span{font-size:9px;letter-spacing:.1em;color:#9fb8cc;font-weight:900}.game-hud>strong,.robot-panel>strong{display:block;font-size:21px;margin:7px 0}.game-hud p,.robot-panel p,.prototype-notes p{font-size:12px;color:#c8d6e2}.game-hud small,.robot-panel small{color:#73ded1;font-weight:850}.game-hud hr,.robot-panel hr{border:0;border-top:1px solid #284b67;margin:15px 0}.data-lab{display:grid;grid-template-columns:.6fr 1.25fr .75fr;gap:14px}.data-inputs,.data-bars,.data-summary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px}.data-inputs{display:grid;gap:8px}.data-inputs label{display:grid;grid-template-columns:1fr 70px;gap:8px;align-items:center;font-size:10px;color:#c8d6e2}.data-inputs input{width:70px;background:#071828;color:#fff;border:1px solid #385a74;border-radius:8px;padding:7px}.data-bars{display:grid;gap:10px;align-content:center}.datum-row{display:grid;grid-template-columns:20px 1fr 32px;gap:8px;align-items:center;font-size:10px}.datum-row i{height:12px;border-radius:999px;background:#183b58;overflow:hidden}.datum-row b{display:block;height:100%;background:#73ded1;border-radius:999px}.data-summary{display:grid;gap:8px}.data-summary span{background:#071828;border-radius:10px;padding:10px}.data-summary small{display:block;color:#9fb8cc}.data-summary strong{font-size:21px}.phone-frame{width:min(300px,100%);margin:auto;background:#071828;border:1px solid #385a74;border-radius:28px;padding:12px;box-shadow:inset 0 0 0 4px #0b1f33}.phone-notch{width:70px;height:8px;background:#183b58;border-radius:99px;margin:0 auto 10px}.mini-app{background:#f8fafc;color:var(--ink);border-radius:17px;padding:18px;min-height:330px}.mini-app-label{font-size:8px;color:var(--muted);letter-spacing:.09em;font-weight:900}.mini-app h3{font-size:26px;margin:6px 0 14px}.mini-add{display:grid;grid-template-columns:1fr 34px;gap:7px}.mini-add input{min-width:0;border:1px solid #d9e2ec;border-radius:9px;padding:8px;font-size:11px}.mini-add button{border:0;background:var(--ink);color:#fff;border-radius:9px;font-weight:900}.mini-error{font-size:9px;color:#b23a2f;min-height:17px;margin-top:4px}.mini-app ul{list-style:none;padding:0;margin:6px 0}.mini-app li{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5ebf0;border-radius:10px;padding:8px;margin:6px 0;font-size:11px}.mini-app li button{border:0;background:#eaf1ff;color:#2f6fed;border-radius:7px;width:25px;height:25px}.task-done{text-decoration:line-through;color:#829ab1}.prototype-stat{display:flex;align-items:baseline;gap:8px;border-radius:12px;background:#071828;padding:13px;margin:16px 0}.prototype-stat span{font-size:32px;font-weight:900;color:#73ded1}.prototype-stat small{color:#9fb8cc}.studio-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.studio-save-state{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9fb8cc;background:rgba(255,255,255,.07);border-radius:999px;padding:6px 9px}.reflect-card{border-bottom:4px solid var(--teal)}
@media(max-width:1040px){.pathway-choice-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.lab-layout,.game-lab,.robot-lab,.phone-lab{grid-template-columns:1fr}.data-lab{grid-template-columns:1fr 1fr}.data-summary{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.pipeline-builder{grid-template-columns:1fr auto 1fr}.pipeline-builder label:nth-of-type(3){grid-column:1/2}.pipeline-builder .btn{grid-column:2/4}.path-course-head{display:block}.path-course-actions{justify-content:flex-start;margin-top:14px}}
@media(max-width:650px){.choice-hero{padding-top:18px}.choice-hero-box{padding:23px 20px}.choice-hero-box p{font-size:15px}.pathway-choice-grid{grid-template-columns:1fr}.path-choice{min-height:0}.pathway-title-card{padding:24px 20px;display:block}.pathway-mark{min-width:0;min-height:76px;margin-top:18px;flex-direction:row;gap:10px}.pathway-title-card p{font-size:16px}.pathway-breadcrumb span{display:none}.pathway-controls{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.path-filter{white-space:nowrap}.pathway-purpose{align-items:flex-start;flex-direction:column;gap:3px}.path-course-section{padding:15px}.path-course-head h2{font-size:23px}.module-grid{grid-template-columns:1fr}.module-card{min-height:190px}.unit-heading>span{display:none}.path-capstone{align-items:flex-start;flex-direction:column}.lesson-path-banner a{display:none}.concept-objective,.why-box{grid-template-columns:1fr;gap:4px}.lab-heading{display:block}.lab-xp{display:inline-flex;margin-top:10px}.data-lab{grid-template-columns:1fr}.data-summary{grid-column:auto;grid-template-columns:repeat(3,1fr)}.pipeline-builder{grid-template-columns:1fr}.pipeline-builder>span{display:none}.pipeline-builder label:nth-of-type(3),.pipeline-builder .btn{grid-column:auto}.game-grid,.robot-grid{max-width:none}.term-example{grid-template-columns:1fr 1fr}.term-example i{display:none}.term-example b:nth-of-type(2){grid-column:1}.lesson-goal-row{display:block}.lesson-goal-row span{display:block;margin-top:5px}}
@media(min-width:1041px){.pathway-choice-grid{grid-template-columns:repeat(4,1fr)}}
.path-choice.path-programming .path-choice-art{background:linear-gradient(125deg,#ffe3d8,#f2b29d)}
.path-choice.path-ai .path-choice-art{background:linear-gradient(125deg,#eee8ff,#cfc0ff)}
.path-choice.path-web .path-choice-art{background:linear-gradient(125deg,#e1ebff,#b8ccff)}
.path-choice.path-games .path-choice-art{background:linear-gradient(125deg,#ffe4f0,#f4b5d2)}
.path-choice.path-data .path-choice-art{background:linear-gradient(125deg,#dff5ef,#abdccc)}
.path-choice.path-apps .path-choice-art{background:linear-gradient(125deg,#fff0d7,#efd0a1)}
.path-choice.path-robotics .path-choice-art{background:linear-gradient(125deg,#e9ebff,#bec7f1)}

/* TechNova structured lesson-content layer */
.lesson-deep-dive .deep-dive-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.lesson-deep-dive .deep-dive-head h2{max-width:720px}.time-chip{border:1px solid #d9e1e7;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;color:#5f7284;white-space:nowrap}.lesson-reading{max-width:850px}.lesson-reading p{font-size:13px;line-height:1.72;color:#53697c}.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}.content-columns h3{font-size:14px;margin:0 0 12px}.content-list{padding-left:20px;margin:0}.content-list li{font-size:11px;line-height:1.65;color:#607486;margin:7px 0}.vocab-grid{display:grid;gap:8px}.vocab-item{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:10px 0;border-top:1px solid #e6ebef}.vocab-item strong{font-size:10px;color:#193752}.vocab-item span{font-size:10px;line-height:1.55;color:#607486}.example-scenario{font-size:13px;line-height:1.7;color:#53697c;max-width:880px}.example-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.example-step{border:1px solid #e0e6ea;border-radius:13px;padding:13px;background:#fbfcfd;display:grid;grid-template-columns:25px 1fr;gap:9px}.example-step b{width:25px;height:25px;border-radius:8px;background:#102a43;color:#fff;display:grid;place-items:center;font-size:8px}.example-step span{font-size:9px;line-height:1.55;color:#53697c}.takeaway-box{margin-top:15px;border-left:3px solid #25b99a;background:#effbf7;border-radius:0 12px 12px 0;padding:13px 15px;display:grid;gap:4px}.takeaway-box strong{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.takeaway-box span{font-size:10px;color:#526b61;line-height:1.55}.predict-build-card{display:grid!important;grid-template-columns:1fr 1fr;gap:0;padding:0!important;overflow:hidden}.predict-panel,.build-panel{padding:26px}.predict-panel{background:#f7f5ff;border-right:1px solid #e1e3ed}.predict-panel h3,.build-panel h3{font-size:18px;margin:8px 0}.predict-panel p,.predict-panel details p{font-size:11px;line-height:1.6;color:#5f6f80}.predict-panel details{margin-top:14px}.predict-panel summary{font-size:10px;font-weight:800;cursor:pointer;color:#4f63c8}.evidence-card h3{font-size:14px}.parent-outcome-card{display:grid!important;grid-template-columns:1fr .95fr;gap:30px;background:linear-gradient(135deg,#f8fbfd,#eff8f6)!important}.parent-outcome-card p{font-size:12px;line-height:1.65;color:#53697c}.rubric-box{border:1px solid #dbe5e7;border-radius:15px;overflow:hidden;background:#fff}.rubric-row{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:12px 14px;border-top:1px solid #e8edef}.rubric-row:first-child{border-top:0}.rubric-row strong{font-size:9px}.rubric-row span{font-size:9px;line-height:1.5;color:#607486}
@media(max-width:760px){.content-columns,.predict-build-card,.parent-outcome-card{grid-template-columns:1fr}.example-steps{grid-template-columns:1fr 1fr}.predict-panel{border-right:0;border-bottom:1px solid #e1e3ed}.vocab-item{grid-template-columns:90px 1fr}.lesson-deep-dive .deep-dive-head{display:block}.time-chip{display:inline-block;margin-top:10px}}
@media(max-width:460px){.example-steps{grid-template-columns:1fr}.rubric-row{grid-template-columns:1fr}}

/* TechNova practice, review, and exam layer */
.lesson-mini-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:0 0 14px;font-size:11px;font-weight:800}.lesson-mini-nav a{text-decoration:none;color:var(--blue)}.lesson-mini-nav a:last-child{text-align:right}.lesson-mini-nav span{text-align:center;color:var(--muted)}
.side-assessments{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:7px}.side-assessments small{font-size:9px;color:var(--muted);letter-spacing:.12em;font-weight:900;margin:0 8px 3px}.side-assessments a{display:flex;align-items:center;gap:8px;text-decoration:none;border-radius:11px;padding:9px 10px;font-size:11px;font-weight:800}.side-assessments a:hover{background:var(--paper)}.side-assessments a span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--blue-2);color:var(--blue);font-size:9px}
.term-assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.term-assessment-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;transition:.18s}.term-assessment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.term-assessment-card>span{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:10px;letter-spacing:.08em;font-weight:900;background:#eef3ff;color:#315fbd}.term-assessment-card.exam>span{background:#fff0e9;color:#a44834}.term-assessment-card h3{margin:0 0 5px;font-size:20px}.term-assessment-card p{margin:0;color:var(--muted);font-size:12px}.term-assessment-card b{font-size:12px;color:var(--blue);white-space:nowrap}
.your-turn-card{margin:18px 0;background:#fff;border:2px solid #9bb9ff;border-radius:20px;padding:24px;box-shadow:0 14px 34px rgba(47,111,237,.07)}.your-turn-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.your-turn-head h2{font-size:27px;margin:8px 0 5px}.your-turn-head p{margin:0;color:var(--muted);font-size:12px}.your-turn-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-small{padding:9px 12px;font-size:11px}.yt-progress-row,.exam-status{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-bottom:8px}.yt-progress{height:8px;border-radius:999px;background:#e9eef4;overflow:hidden;margin-bottom:18px}.yt-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:999px;transition:width .2s}.yt-question-card{border:1px solid #dce5f6;border-radius:18px;background:linear-gradient(145deg,#ffffff,#f8fbff);padding:24px}.yt-source{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#6f82a0}.yt-question-card h3{font-size:22px;line-height:1.3;max-width:850px;margin:14px 0 20px}.yt-options{display:grid;gap:9px}.yt-option{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;border:1px solid #d7e0eb;border-radius:13px;padding:12px 13px;background:#fff;cursor:pointer;font-size:12px;line-height:1.45}.yt-option:hover{border-color:#98b6fa;background:#f8fbff}.yt-option input{width:17px;height:17px}.yt-letter{width:27px;height:27px;border-radius:8px;background:#edf2ff;color:#315fbd;display:grid;place-items:center;font-weight:900}.yt-option.correct{border-color:#76c9a9;background:#effbf5}.yt-feedback{margin-top:15px;padding:12px 14px;background:#f4f7fa;border-radius:12px;font-size:11px;color:#52697c}.yt-feedback.good{background:#eaf9f2;color:#176b4a}.yt-feedback.bad{background:#fff3ef;color:#944c37}.yt-hint{margin-top:10px;padding:12px 14px;border-radius:12px;background:#fff7e5;display:flex;gap:10px;font-size:11px;color:#6e5a2b}.yt-hint[hidden]{display:none}.yt-hint strong{white-space:nowrap}.yt-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.yt-controls .btn{font-size:11px;padding:10px 14px}.yt-controls .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.yt-complete{display:flex;gap:14px;align-items:center;margin-top:16px;border-radius:16px;padding:16px;background:#eaf9f2;border:1px solid #9bd8bf}.yt-complete>span{width:40px;height:40px;border-radius:13px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:900}.yt-complete strong{font-size:14px}.yt-complete p{margin:3px 0 0;font-size:11px;color:#477164}.lesson-complete-note{margin-top:16px;font-size:11px;font-weight:800;color:#577085;background:#f3f7fa;border-radius:12px;padding:12px 14px}
.assessment-page{padding:38px 0 70px}.assessment-shell{max-width:960px}.assessment-breadcrumb{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:15px}.assessment-breadcrumb a{text-decoration:none;color:var(--blue)}.assessment-hero{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;margin-bottom:18px}.assessment-hero h1{font-size:clamp(34px,5vw,55px);line-height:1;letter-spacing:-.045em;margin:13px 0}.assessment-hero p{color:var(--muted);max-width:700px}.assessment-mark{min-width:120px;min-height:120px;border-radius:24px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.assessment-mark span{font-size:12px;letter-spacing:.1em;font-weight:900}.assessment-mark small{margin-top:7px;color:#b7ccdc}.assessment-page #assessmentMount{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.assessment-page #assessmentMount>.yt-progress-row:first-child{margin-top:0}.assessment-next-card{margin-top:18px;background:#eef8f5;border:1px solid #acd7ca;border-radius:16px;padding:18px}.assessment-next-card strong{font-size:18px}.assessment-next-card p{font-size:12px;color:#527268}.exam-question .yt-option{cursor:pointer}.exam-note{margin-top:16px;padding:12px 14px;border-radius:12px;background:#f5f2ff;color:#635c82;font-size:10px}.exam-result{display:grid;grid-template-columns:140px 1fr;gap:25px;align-items:center;border-radius:20px;padding:25px;margin-bottom:18px}.exam-result.pass{background:#eaf9f2;border:1px solid #99d7bd}.exam-result.needs-work{background:#fff3ef;border:1px solid #edb7a7}.exam-score{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:950;font-size:35px;box-shadow:0 8px 30px rgba(16,42,67,.08)}.exam-result h2{font-size:26px;margin:8px 0}.exam-result p{font-size:12px;margin:0;color:#536c62}.exam-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.exam-breakdown a{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.exam-breakdown a span{font-size:9px;color:var(--muted);font-weight:900}.exam-breakdown a strong{font-size:11px}.exam-breakdown a b{font-size:11px;color:var(--teal)}
@media(max-width:760px){.term-assessment-grid{grid-template-columns:1fr}.term-assessment-card{grid-template-columns:auto 1fr}.term-assessment-card>b{grid-column:2}.your-turn-head{display:block}.your-turn-actions{margin-top:12px}.assessment-hero{grid-template-columns:1fr}.assessment-mark{min-height:70px;min-width:0;flex-direction:row;gap:10px}.exam-result{grid-template-columns:1fr;text-align:center}.exam-score{margin:auto}.exam-breakdown{grid-template-columns:1fr}.lesson-mini-nav{grid-template-columns:1fr 1fr}.lesson-mini-nav span{grid-column:1/-1;grid-row:1}.yt-question-card{padding:17px}.yt-question-card h3{font-size:18px}.yt-option{grid-template-columns:auto auto 1fr}.assessment-page #assessmentMount{padding:15px}}
@media(max-width:520px){.lesson-mini-nav{font-size:9px}.yt-progress-row,.exam-status{display:grid;gap:3px}.term-assessment-card>span{width:50px;height:50px;border-radius:14px}.term-assessment-card h3{font-size:17px}}

.course-capstone-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.course-capstone-steps article{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px;border:1px solid var(--line,#dfe5eb);border-radius:14px;background:rgba(255,255,255,.58)}.course-capstone-steps article>b{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#142a50;color:#83f0d0}.course-capstone-steps small,.course-capstone-steps strong,.course-capstone-steps span{display:block}.course-capstone-steps small{font-size:9px;color:#718098}.course-capstone-steps strong{font-size:12px;margin:2px 0 5px}.course-capstone-steps span{font-size:11px;line-height:1.45;color:#5f6e82}@media(max-width:900px){.course-capstone-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.course-capstone-steps{grid-template-columns:1fr}}

/* Game Development I — Pixel Turtle course identity */
.game1-icon-wrap{overflow:visible!important;background:linear-gradient(145deg,#efffe6,#d8f5c6)!important;border-color:#b8df9e!important}
.game1-turtle,.game1-turtle-small,.game1-turtle-module,.game1-turtle-coursemark,.game1-turtle-hero,.game1-turtle-lesson,.game1-turtle-sidebar{object-fit:contain;image-rendering:pixelated;display:block;filter:drop-shadow(0 6px 10px rgba(32,83,51,.16))}
.game1-turtle-small{width:52px;height:52px}
.game1-turtle-module{width:56px;height:56px;margin:auto}
.game1-course-mark{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 12px;padding:6px 12px 6px 7px;border:1px solid #c9e9b6;border-radius:16px;background:#f3ffec;color:#3e7144;font-size:10px;font-weight:900;letter-spacing:.08em}
.game1-turtle-coursemark{width:42px;height:42px}
.game1-hero-visual{display:flex;align-items:center;gap:12px;width:max-content;margin:10px 0 18px;padding:8px 14px 8px 8px;border-radius:20px;border:1px solid #cce8bb;background:linear-gradient(145deg,#f4ffed,#e7f9dc);box-shadow:0 12px 28px rgba(50,95,62,.08)}
.game1-turtle-hero{width:78px;height:78px}
.game1-hero-visual div{display:grid;gap:2px}.game1-hero-visual small{font-size:9px;letter-spacing:.11em;color:#6a8b69;font-weight:900}.game1-hero-visual strong{font-size:18px;color:#315d37}
.game1-lesson-top{position:relative;overflow:hidden}.game1-lesson-turtle{float:right;display:flex;align-items:center;gap:8px;margin:0 0 12px 18px;padding:6px 10px 6px 6px;border-radius:18px;background:#f1ffe9;border:1px solid #c5e7b2;color:#3b6e41;font-size:9px;font-weight:900;letter-spacing:.08em}.game1-turtle-lesson{width:62px;height:62px}
.game1-turtle-sidebar{width:44px;height:44px}
.side-path-heading>span:has(.game1-turtle-sidebar){display:grid;place-items:center;background:#efffe7!important;border-radius:14px!important;overflow:hidden}
@media(max-width:760px){.game1-lesson-turtle{float:none;width:max-content;margin:0 0 12px}.game1-turtle-hero{width:64px;height:64px}.game1-hero-visual strong{font-size:16px}}