:root{--bg:#080d19;--sidebar:#0c1220;--surface:#101829;--surface2:#131e31;--surface3:#1a263a;--border:#26334a;--soft:#8291ab;--white:#f2f6ff;--mint:#b8ff88;--mint2:#89e8a5;--purple:#938bff;--blue:#72c9ff;--orange:#ffc48a;--pink:#ff9abf;--shadow:0 20px 50px #01040955;--radius:18px;font-family:'DM Sans',sans-serif;color:var(--white);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}::selection{background:#b8ff8888;color:#0a121d}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#263349;border:2px solid var(--bg);border-radius:20px}.skip-link{position:absolute;top:-100px;left:20px;background:var(--mint);color:#071207;z-index:100;padding:10px}.skip-link:focus{top:10px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:265px;background:var(--sidebar);border-right:1px solid #202c3e;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:20;padding:32px 18px 24px;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:1px 8px 43px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;color:#111d18;background:var(--mint);border-radius:12px;font:800 25px 'Space Grotesk',sans-serif;position:relative}.brand-icon span{font-size:12px;position:absolute;right:-5px;top:-8px;color:var(--mint);text-shadow:0 0 13px #a8ff77}.brand-name{font:700 16px 'Space Grotesk',sans-serif;letter-spacing:-.7px;white-space:nowrap}.brand-name strong{color:var(--mint)}.brand-tag{color:#8090a8;font-size:8px;font-weight:800;letter-spacing:1.4px;margin-top:3px}.sidebar-group-label{font-size:10px;color:#64738e;letter-spacing:1.7px;font-weight:800;padding:0 17px;margin:0 0 13px}.lower-label{margin-top:32px}.nav-list{display:grid;gap:5px}.nav-item{border:0;text-align:left;display:flex;align-items:center;gap:13px;padding:13px 15px;color:#9da9bc;border-radius:11px;background:transparent;font-size:13px;font-weight:650;width:100%}.nav-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover{background:#1a273b;color:#fff}.nav-item.active{background:#203429;color:var(--mint)}.nav-label{flex:1}.nav-pill{font-size:9px;color:var(--mint);background:#294533;padding:4px 7px;border-radius:6px}.sidebar-bottom{margin-top:auto;padding-top:38px}.sidebar-future{position:relative;border:1px solid #334b42;border-radius:14px;padding:20px 17px 17px;background:radial-gradient(circle at 100% 0,#25453d 0,#141e2b 55%);overflow:hidden;display:grid;gap:9px}.future-glow{font-size:28px;color:var(--mint);line-height:1}.sidebar-future strong{font:700 15px/1.35 'Space Grotesk',sans-serif;max-width:160px}.sidebar-future>span{font-size:11px;line-height:1.6;color:#a1afbb}.text-action{border:0;background:transparent;color:var(--mint);text-align:left;padding:7px 0 0;font-size:11px;font-weight:800}.text-action span{margin-left:4px}.sidebar-credit{padding:20px 8px 0;font-size:9px;line-height:1.9;color:#66758d;letter-spacing:.6px}.sidebar-credit a{font-size:10px;color:#b8c9dc;letter-spacing:0}.body-column{flex:1;margin-left:265px;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:80px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;background:#0a101dee;border-bottom:1px solid #222c3c;backdrop-filter:blur(15px);padding:0 42px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px}.breadcrumb-root{color:#7b8ba7;font-weight:750;letter-spacing:1.2px;font-size:10px}.breadcrumb-divider{color:#465671}.breadcrumb strong{font-weight:750}.top-actions{display:flex;align-items:center;gap:24px}.live-status{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--mint);white-space:nowrap}.live-status i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px var(--mint);margin-right:7px}.search-control{background:#151e2e;color:#98a9bf;border:1px solid #2b3548;border-radius:10px;font-size:11px;padding:10px 12px;min-width:160px;text-align:left}.search-control span{font-size:19px;margin-right:9px;vertical-align:middle}.search-control kbd{float:right;color:#65748c;background:#232e40;border:1px solid #39475b;border-radius:5px;padding:1px 5px;margin-top:1px}.avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#e6ccf8,#aaa2fa);color:#262047;font-size:11px;font-weight:800;border:2px solid #272f4d}.mobile-only{display:none}.icon-btn{border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--white);font-size:21px;padding:7px 10px}#content{flex:1}#app{max-width:1550px;margin:0 auto;padding:36px 42px 66px;min-height:calc(100vh - 130px)}.site-footer{border-top:1px solid #222d3e;padding:19px 42px;display:flex;justify-content:space-between;gap:16px;color:#72839d;font-size:10px}.foot-dot{color:var(--mint)}.page-title{font:700 clamp(27px,3vw,39px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:5px 0 10px}.page-subtitle{color:#9ba9be;line-height:1.65;margin:0 0 29px;font-size:13px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:2.1px;font-weight:800;text-transform:uppercase}.section-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:34px 0 17px}.section-title{font:700 20px 'Space Grotesk',sans-serif;margin:0;letter-spacing:-.5px}.section-sub{font-size:12px;color:var(--soft);margin:6px 0 0}.section-link{color:var(--mint);font-weight:800;border:0;background:none;font-size:12px;white-space:nowrap}.section-link:hover{text-decoration:underline}.muted{color:var(--soft)}.hero{min-height:327px;border-radius:21px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 79% 40%,#234f50 0%,#17303d 30%,#111f35 60%,#151c2d 100%);border:1px solid #294d4b;display:flex;align-items:center;padding:44px 49px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101a2e 0%,#101a2eee 32%,transparent 79%),radial-gradient(circle at 75% 55%,#8dffc122 0%,transparent 37%);z-index:-1}.hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#baffd90a 1px,transparent 1px),linear-gradient(90deg,#baffd90a 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 35%,black 100%);z-index:-1}.hero-content{max-width:490px;position:relative;z-index:3}.hero-kicker{font-size:10px;color:var(--mint);font-weight:850;letter-spacing:1.8px;margin-bottom:16px}.hero h1{font:700 clamp(30px,3.7vw,48px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:0 0 17px}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{color:#bfd0df;font-size:13px;line-height:1.75;max-width:430px;margin:0 0 23px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.btn{padding:11px 17px;border-radius:10px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--mint);color:#111b13}.btn-primary:hover{background:#cdfcae}.btn-secondary{background:#ffffff10;color:#fff;border-color:#ffffff32}.btn-secondary:hover{background:#ffffff1b}.btn-quiet{color:#c4d1e6;background:#1c273a;border-color:#344158}.btn-danger{background:#4a2432;color:#ffd9df;border-color:#71384a}.hero-art{position:absolute;right:4.5%;top:50%;transform:translateY(-50%);width:min(40%,390px);aspect-ratio:1;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #98ffc76b;border-radius:50%;box-shadow:inset 0 0 35px #67cddd16,0 0 25px #67cddd14}.orbit.one{width:90%;height:90%;animation:orbit 50s linear infinite}.orbit.two{width:73%;height:73%;border-style:dashed;border-color:#9affa04a;animation:orbit 38s linear reverse infinite}.orbit.three{width:57%;height:57%;border-color:#95c5ff75}.orbit.one:after,.orbit.two:after{content:'';position:absolute;left:12%;top:12%;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}.orbit.two:after{left:auto;right:5%;top:30%;background:var(--purple);box-shadow:0 0 15px var(--purple)}.orb-core{width:43%;height:43%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 29%,#7aafe3,#4c75bb 25%,#345b99 56%,#1b335c 80%);box-shadow:0 0 45px #51bcff70,inset -20px -20px 30px #091a4188;transform:rotate(-22deg);font:700 clamp(45px,8vw,85px) 'Space Grotesk',sans-serif;color:#dcffec;text-shadow:0 1px 24px #a2eafc;position:relative}.orb-core::after{content:'✦';position:absolute;font-size:25px;right:-6%;top:-9%;color:var(--mint);text-shadow:0 0 25px var(--mint)}.art-label{position:absolute;color:#a7ffcf;font-size:9px;letter-spacing:2px;bottom:0;right:24%;white-space:nowrap}.star{position:absolute;width:3px;height:3px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px var(--mint)}.star.s1{top:6%;left:23%}.star.s2{right:2%;top:28%}.star.s3{left:8%;bottom:29%}@keyframes orbit{to{transform:rotate(360deg)}}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:19px}.stat-card{background:var(--surface);border:1px solid var(--border);padding:21px 22px;border-radius:15px;min-height:109px;position:relative;overflow:hidden}.stat-icon{position:absolute;right:17px;top:16px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;color:var(--mint);background:#25382d}.stat-value{font:700 31px/1 'Space Grotesk',sans-serif;margin:14px 0 8px}.stat-label{font-size:11px;color:#91a1b9}.stat-card:nth-child(2) .stat-icon{color:var(--purple);background:#302c48}.stat-card:nth-child(3) .stat-icon{color:var(--blue);background:#21384a}.stat-card:nth-child(4) .stat-icon{color:var(--orange);background:#44352e}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s;cursor:pointer;display:flex;flex-direction:column;min-height:280px}.course-card:hover{transform:translateY(-2px);border-color:#5d9275}.course-cover{height:101px;background:linear-gradient(125deg,#254b47,#162d3c);padding:17px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden}.course-cover:after{content:'';width:160px;height:160px;position:absolute;right:-33px;top:-70px;border:1px solid #a6ffe35c;border-radius:50%;box-shadow:0 0 0 27px #9cffe011,0 0 0 55px #8affdb08}.course-cover.purple{background:linear-gradient(125deg,#3a2e60,#1c2f45)}.course-cover.blue{background:linear-gradient(125deg,#214c65,#1b2b48)}.course-cover.orange{background:linear-gradient(125deg,#60402d,#2a3043)}.course-cover.pink{background:linear-gradient(125deg,#653954,#272a4b)}.course-cover.green{background:linear-gradient(125deg,#2b5a42,#152e36)}.course-cover-symbol{font:600 44px 'Space Grotesk';letter-spacing:-3px;color:#ffffffb4;z-index:1}.mini-tag{z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.8px;border:1px solid #ffffff35;background:#ffffff18;padding:6px 9px;border-radius:6px;font-weight:800}.course-copy{padding:17px;display:flex;flex:1;flex-direction:column;gap:9px}.course-area{font-size:10px;color:var(--mint);font-weight:800;text-transform:uppercase;letter-spacing:1px}.course-card h3{font:700 15px/1.36 'Space Grotesk',sans-serif;letter-spacing:-.3px;margin:0}.course-problem{color:#92a2b8;font-size:11px;line-height:1.55;margin:0;flex:1}.course-meta{border-top:1px solid #253146;padding-top:12px;margin-top:5px;display:flex;gap:13px;justify-content:space-between;color:#9eafc4;font-size:10px}.small-progress{height:5px;background:#2a3549;border-radius:20px;overflow:hidden;margin:3px 0 0}.small-progress>span{height:100%;display:block;background:var(--mint);border-radius:20px}.right-rail{display:grid;gap:15px}.rail-panel{border:1px solid var(--border);border-radius:16px;padding:21px;background:var(--surface)}.rail-title{font:700 15px 'Space Grotesk',sans-serif;margin:0 0 7px}.rail-caption{font-size:11px;color:var(--soft);line-height:1.6;margin:0}.constellation{height:196px;display:grid;place-items:center;position:relative}.constellation .circle{position:absolute;border:1px dashed #3c5663;border-radius:50%;width:158px;height:158px}.constellation .circle.small{width:111px;height:111px;border-style:solid;border-color:#354e53}.constellation .center{border-radius:50%;background:#234536;width:78px;height:78px;display:grid;align-content:center;text-align:center;box-shadow:0 0 30px #79e5a12a}.constellation .center strong{font:700 24px 'Space Grotesk';color:var(--mint)}.constellation .center span{font-size:9px;color:#bed8cc}.planet{position:absolute;border-radius:50%;width:12px;height:12px;background:var(--mint);box-shadow:0 0 12px #a5ffa590}.planet.p1{top:17px;left:44%}.planet.p2{right:40px;top:87px;background:var(--purple);box-shadow:0 0 10px #938bff90}.planet.p3{bottom:36px;left:52px;background:var(--orange)}.planet.p4{left:65px;top:63px;width:8px;height:8px;background:var(--blue)}.pill-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.tiny-pill{font-size:10px;padding:7px 10px;border-radius:50px;background:#213044;border:1px solid #30415c;color:#afc0d2}.mission-box{padding:17px;border-radius:12px;background:linear-gradient(135deg,#272f50,#1a263e);margin-top:14px}.mission-box strong{font:700 14px/1.4 'Space Grotesk',sans-serif;display:block;margin-bottom:8px}.mission-box p{color:#a8b7ce;font-size:11px;line-height:1.7;margin:0 0 12px}.mission-box .section-link{padding:0}.feature-banner{border:1px solid #36554c;background:linear-gradient(100deg,#162d33,#11202e);padding:22px 25px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.feature-banner h3{margin:0 0 7px;font:700 17px 'Space Grotesk',sans-serif}.feature-banner p{margin:0;color:#9fb8bc;font-size:12px;line-height:1.6}.feature-banner .btn{white-space:nowrap}.filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 21px}.filter-chip{border:1px solid var(--border);background:#121c2d;border-radius:50px;color:#9aacc2;font-size:11px;padding:9px 13px;font-weight:750}.filter-chip.active{color:#122019;background:var(--mint);border-color:var(--mint)}.input-search{width:min(380px,100%);color:var(--white);border:1px solid var(--border);background:#141e30;border-radius:10px;padding:12px 14px;font-size:12px}.input-search::placeholder,.field::placeholder,textarea::placeholder{color:#63758e}.catalog-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center}.filter-results{color:var(--soft);font-size:11px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.empty-state{text-align:center;padding:40px;border:1px dashed #3c5264;border-radius:16px;color:#91a6b7;line-height:1.7}.empty-state strong{color:#e5f2fa;display:block;font:700 18px 'Space Grotesk';margin-bottom:9px}.number-pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:7px;background:#24384d;color:var(--mint);font-size:11px;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:24px}.panel h3{font:700 17px 'Space Grotesk',sans-serif;margin:0 0 8px}.panel p{font-size:12px;color:#9cacbf;line-height:1.7}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.level-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--mint);margin-right:6px}.track-card{background:var(--surface);border:1px solid var(--border);padding:22px;border-radius:16px;display:grid;gap:12px}.track-card .track-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#2a3452;font-size:22px}.track-card h3{margin:0;font:700 18px 'Space Grotesk'}.track-card p{margin:0;color:var(--soft);font-size:12px;line-height:1.65}.track-steps{display:flex;flex-wrap:wrap;gap:6px}.track-steps span{color:#b9c6d8;background:#1e2b40;border:1px solid #303f54;border-radius:8px;font-size:10px;padding:8px}.quiz-label{display:block;color:#b3c5d9;font-size:12px;margin:18px 0 8px;font-weight:800}.choice-group{display:flex;gap:9px;flex-wrap:wrap}.choice{border:1px solid #354358;background:#1a2739;padding:11px 13px;color:#aabdd4;border-radius:10px;font-size:12px}.choice.active{background:#263f32;color:var(--mint);border-color:#659671}.divider{height:1px;background:var(--border);margin:23px 0}.module-list{display:grid;gap:11px}.module-item{display:flex;align-items:center;gap:14px;border:1px solid #304057;background:#131e30;padding:14px;border-radius:10px}.module-item strong{font-size:12px;flex:1}.module-item small{display:block;font-size:10px;color:#879bb7;margin-top:5px}.module-check{color:var(--mint);font-size:21px}.modal-wrap{position:fixed;inset:0;z-index:55;background:#02060cbb;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(720px,100%);max-height:min(88vh,900px);overflow-y:auto;background:#111b2d;border:1px solid #395067;border-radius:21px;box-shadow:0 30px 100px #000b;padding:29px}.modal.wide{width:min(920px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:20px}.modal-head h2{font:700 24px 'Space Grotesk';margin:5px 0 6px}.modal-close{border:1px solid var(--border);color:var(--white);background:#202b40;border-radius:9px;font-size:23px;line-height:1;padding:5px 11px}.modal-desc{color:#a7b9ce;font-size:12px;line-height:1.7}.modal-cover{height:145px;background:linear-gradient(110deg,#214c48,#222850);display:flex;align-items:center;justify-content:space-between;padding:25px;border-radius:13px;margin-bottom:21px;overflow:hidden}.modal-cover span:first-child{font:700 52px 'Space Grotesk';color:#c6e5f5}.mod-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border)}.mod-row strong{font-size:12px}.mod-row small{font-size:10px;color:var(--soft)}.mod-row button{padding:8px 11px}.lesson-steps{display:grid;gap:11px;margin:20px 0}.lesson-step{display:flex;gap:12px;padding:14px;border-radius:10px;background:#172438;border:1px solid #2c3b50;color:#c6d4e5;font-size:12px;line-height:1.6}.lesson-step>span{font-weight:900;color:var(--mint)}.field-label{display:block;color:#aabed5;font-size:11px;font-weight:800;margin:15px 0 7px}.field,.text-area,.field-select{width:100%;border:1px solid #33445e;border-radius:10px;padding:12px 13px;background:#121e30;color:#f1f5ff;font-size:12px}.text-area{min-height:104px;resize:vertical;line-height:1.65}.field-select option{background:#121e30}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row>*{flex:1}.notice{padding:14px 15px;border-radius:10px;border:1px solid #345c54;background:#19312f;color:#bbdacd;font-size:11px;line-height:1.7}.notice.warn{background:#302820;border-color:#665034;color:#f1cfa6}.notice.error{background:#3b242c;border-color:#78434b;color:#ffbdc5}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.check-list li{font-size:12px;color:#b3c5d9;line-height:1.6}.check-list li:before{content:'✓';color:var(--mint);font-weight:900;margin-right:10px}.lab-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.lab-nav{display:grid;gap:9px;align-content:start}.lab-tab{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #2c3a4f;background:var(--surface);color:#abbcd1;padding:13px;border-radius:11px;font-size:12px}.lab-tab.active{color:var(--mint);background:#1b302c;border-color:#446e59}.lab-tab span{background:#233449;padding:8px;border-radius:8px}.lab-work{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#1a273b;color:#b8c6d8;font-size:11px}.code-header span:before{content:'● ● ●';color:#f59697;margin-right:12px;letter-spacing:3px}.code-editor{background:#090f1b;border:0;resize:vertical;display:block;width:100%;min-height:230px;color:#c7f7bb;padding:22px;font:13px/1.8 'SFMono-Regular',Consolas,monospace;tab-size:2;outline:none}.code-output{padding:18px;background:#0b1522;border-top:1px solid #2b3e50;min-height:85px;color:#afc8c3;font:12px/1.6 monospace;white-space:pre-wrap;word-break:break-word}.lab-content{padding:23px}.lab-content h3{margin:0 0 10px;font:700 20px 'Space Grotesk'}.lab-content p{font-size:12px;line-height:1.7;color:#aebfd1}.test-result{margin-top:13px;border-radius:9px;padding:12px;font-size:12px}.test-result.pass{color:#c6ffc2;background:#20402d;border:1px solid #42734b}.test-result.fail{color:#ffd0d0;background:#48292d;border:1px solid #6c4142}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.project-card h3{font:700 18px 'Space Grotesk';margin:10px 0}.project-card p{font-size:12px;color:var(--soft);line-height:1.6}.project-foot{margin-top:17px;padding-top:13px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.status-chip{display:inline-block;padding:6px 10px;border-radius:7px;background:#27394b;color:#b5cadd;font-size:10px;font-weight:800}.status-chip.verified{background:#264233;color:#aaffaa}.mentor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.chat-window{border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;min-height:520px;max-height:650px;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);padding:17px 22px;display:flex;align-items:center;gap:12px}.chat-avatar{height:35px;width:35px;border-radius:11px;background:#234535;display:grid;place-items:center;color:var(--mint);font-size:18px}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:17px;min-height:300px}.chat-bubble{max-width:86%;font-size:12px;line-height:1.8;padding:13px 17px;border-radius:14px;background:#1c2a3e;color:#d5e1ed;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background:#2f4b38;color:#e5ffdf}.chat-bubble.system{align-self:flex-start}.chat-composer{padding:13px;border-top:1px solid var(--border);display:flex;gap:8px}.chat-composer input{flex:1;min-width:0}.quick-prompts{display:grid;gap:9px}.prompt-btn{background:#1a283b;color:#c3d2df;border:1px solid #304158;border-radius:10px;padding:12px;text-align:left;font-size:11px;line-height:1.55}.prompt-btn:hover{border-color:var(--mint)}.mission-list{display:grid;gap:13px}.mission-row{display:flex;gap:15px;align-items:center;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.mission-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#2c3e54;font-size:24px;flex:none}.mission-row h3{font:700 15px 'Space Grotesk';margin:0 0 5px}.mission-row p{font-size:11px;line-height:1.6;color:var(--soft);margin:0}.mission-row button{margin-left:auto;white-space:nowrap}.timeline{display:grid;gap:12px;margin:20px 0}.timeline-row{display:flex;align-items:center;gap:13px}.timeline-bar{height:9px;background:#28384a;border-radius:50px;overflow:hidden;flex:1}.timeline-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#5fd9bf);border-radius:50px}.timeline-row label{font-size:11px;color:#adc1d3;width:100px}.timeline-row strong{font-size:11px;min-width:35px;text-align:right}.metric-large{font:700 44px 'Space Grotesk';color:var(--mint)}.slider{width:100%;accent-color:var(--mint);margin:14px 0}.simulation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sim-result{background:linear-gradient(120deg,#173c39,#17243a);border:1px solid #356457;border-radius:14px;padding:24px}.sim-result span{font-size:12px;color:#b5c5c9}.sim-result strong{display:block;font:700 40px 'Space Grotesk';color:var(--mint);margin:14px 0}.sim-result p{font-size:11px;color:#a7b8c5;line-height:1.7}.credentials-list{display:grid;gap:12px}.credential{display:flex;align-items:center;gap:15px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.credential-icon{width:50px;height:50px;border:1px solid #58806a;background:#234335;display:grid;place-items:center;border-radius:13px;color:var(--mint);font-size:21px}.credential h3{font:700 15px 'Space Grotesk';margin:0 0 5px}.credential p{font-size:11px;color:var(--soft);margin:0}.credential button{margin-left:auto}.profile-hero{display:flex;align-items:center;gap:18px;padding:21px;background:linear-gradient(120deg,#223b3c,#222842);border-radius:14px;margin-bottom:19px}.profile-avatar{width:62px;height:62px;border-radius:18px;background:var(--mint);color:#1a2a1b;display:grid;place-items:center;font:700 23px 'Space Grotesk'}.profile-hero h2{font:700 23px 'Space Grotesk';margin:0 0 6px}.profile-hero p{font-size:11px;color:#b6ccd0;margin:0}.toast{position:fixed;right:20px;bottom:25px;z-index:100;max-width:370px;padding:15px 20px;border:1px solid #4e846c;border-radius:11px;background:#1b382d;color:#d4ffe3;box-shadow:var(--shadow);font-size:12px;line-height:1.6;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .25s}.toast.visible{opacity:1;transform:translateY(0)}.mobile-overlay{display:none}.program-banner{padding:23px 26px;border:1px solid #394f68;border-radius:16px;background:radial-gradient(ellipse at 100% 0%,#244e5e,#14273b 60%);display:flex;justify-content:space-between;gap:20px;align-items:center}.program-banner h3{margin:0 0 7px;font:700 20px 'Space Grotesk'}.program-banner p{margin:0;font-size:12px;line-height:1.6;color:#acc1d4}.program-banner .btn{white-space:nowrap}.flex-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mt-12{margin-top:12px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-20{margin-bottom:20px}.text-sm{font-size:12px;color:var(--soft);line-height:1.65}.small-caps{font-size:10px;letter-spacing:1.5px;color:var(--mint);font-weight:800}.module-progress{display:flex;align-items:center;justify-content:space-between;color:#a5b7cb;font-size:11px}.proof-box{border:1px dashed #456c61;background:#142a2c;border-radius:12px;padding:17px;margin:15px 0}.proof-box h4{font:700 14px 'Space Grotesk';margin:0 0 8px}.proof-box p{color:#b1c5c6;font-size:11px;line-height:1.65}.desktop-hide{display:none}
@media(max-width:1340px){#app{padding:32px 28px 55px}.topbar{padding:0 28px}.course-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:1050px){.sidebar{width:230px;padding-left:12px;padding-right:12px}.body-column{margin-left:230px}.hero-art{right:1%;width:44%}.hero{padding:36px 29px}.stats-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.mentor-layout{grid-template-columns:1fr}.search-control{min-width:125px}.top-actions{gap:12px}.lab-layout{grid-template-columns:240px 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:min(290px,85vw);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-overlay:not([hidden]){position:fixed;inset:0;background:#02050bb3;z-index:19;display:block}.body-column{margin-left:0}.mobile-only{display:inline-block}.topbar{height:65px;padding:0 16px}.breadcrumb-root,.breadcrumb-divider,.live-status,.search-control kbd{display:none}.breadcrumb{font-size:12px}.top-actions{gap:8px}.search-control{min-width:0;font-size:0;padding:6px 10px}.search-control span{margin:0;font-size:24px}.avatar{width:34px;height:34px}#app{padding:21px 15px 45px}.hero{min-height:340px;padding:29px 22px;align-items:start}.hero-content{max-width:100%}.hero h1{font-size:35px;max-width:350px}.hero p{max-width:350px}.hero-art{opacity:.22;width:330px;right:-100px;top:56%;pointer-events:none}.hero:before{background:linear-gradient(90deg,#11192ae8,transparent)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px;min-height:105px}.stat-value{font-size:25px}.stat-label{font-size:10px}.stat-icon{top:12px;right:10px;width:27px;height:27px}.course-grid,.catalog-grid,.project-grid,.two-col,.simulation-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr}.section-row{margin-top:29px}.feature-banner,.program-banner{align-items:start;flex-direction:column}.lab-layout{grid-template-columns:1fr}.lab-nav{display:flex;overflow-x:auto;padding-bottom:5px}.lab-tab{min-width:175px}.chat-window{min-height:480px}.mission-row{flex-wrap:wrap}.mission-row button{margin-left:65px}.modal{padding:20px;max-height:92vh}.modal-wrap{padding:11px}.site-footer{padding:17px;flex-direction:column;gap:6px}.course-card{min-height:250px}.section-title{font-size:19px}.panel{padding:19px}.desktop-hide{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Learning Agent Lab — responsive and keyboard-friendly */
.agent-home-banner{margin-top:22px;border:1px solid #3d786f;border-radius:16px;background:linear-gradient(100deg,#113b39,#17283d);padding:24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.agent-home-banner h3{font:700 22px 'Space Grotesk';margin:10px 0}.agent-home-banner p{font-size:12px;line-height:1.75;color:#c2d6d8;max-width:720px}.agent-home-banner .btn{white-space:nowrap}.agent-metrics{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.agent-metrics>span{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 13px;font-size:11px;color:#aec1d3}.agent-metrics strong{font-size:16px;color:var(--mint);margin-right:4px}.agent-metrics .agent-offline{color:#b5efcf}.agent-filters{margin-bottom:20px}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-tile{position:relative;display:flex;text-align:left;align-items:flex-start;gap:10px;border:1px solid var(--border);background:var(--surface);color:#dae7ed;border-radius:13px;padding:16px 12px;min-height:130px;cursor:pointer;font:inherit;transition:border-color .18s,transform .18s}.agent-tile:hover{border-color:#71bd9a;transform:translateY(-2px)}.agent-tile:focus-visible,.agent-history-item:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.agent-tile.selected{border-color:var(--mint);background:linear-gradient(120deg,#1c403f,#202a40)}.agent-emblem{font-size:26px;flex:none}.agent-tile-body{display:flex;flex-direction:column;gap:6px;min-width:0}.agent-tile small{font-size:9px;color:#8ee2bf;letter-spacing:.6px}.agent-tile strong{font:700 13px 'Space Grotesk'}.agent-tile-body>span{font-size:11px;color:#a2b3c3;line-height:1.6}.agent-tile-arrow{position:absolute;right:9px;top:9px;color:#78bd95}.agent-workbench{border:1px solid #487569;border-radius:18px;background:linear-gradient(140deg,#152e34,#141c30 65%);margin-top:28px;padding:24px;scroll-margin-top:90px}.agent-workbench-head{display:flex;gap:15px;align-items:center;margin-bottom:18px}.agent-large-icon{font-size:35px;background:#26473d;padding:12px;border-radius:14px}.agent-workbench-head h2{font:700 22px 'Space Grotesk';margin:7px 0}.agent-workbench-head p{font-size:12px;color:#b2c3d2;line-height:1.7;margin:0}.agent-workbench-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.agent-prompt-card,.agent-output-card{background:#162238;border:1px solid #2f4555;border-radius:13px;padding:18px;min-width:0}.agent-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.agent-prompt-card .field,.agent-prompt-card .text-area{width:100%;min-width:0;box-sizing:border-box}.agent-prompt-card .text-area{min-height:142px;resize:vertical}.agent-prompt-card select.field{font-size:11px}.agent-prompt-card .field-label{margin-top:12px}.agent-footnote{font-size:11px;line-height:1.7;color:#9aabbc}.agent-empty{font-size:13px;color:#b8ced4;line-height:1.8;padding:26px 10px}.agent-output>h3{font:700 21px 'Space Grotesk';margin:12px 0}.agent-output>p{color:#b8c9db;font-size:12px;line-height:1.75}.agent-finding{padding:13px 0;border-top:1px solid #30475a}.agent-finding h4{color:#a9f2ca;font:700 13px 'Space Grotesk';margin:0 0 9px}.agent-finding ol{margin:0;padding-left:21px}.agent-finding li{font-size:12px;color:#c1d2e0;line-height:1.75;overflow-wrap:anywhere;margin-bottom:7px}.agent-disclosure{font-size:10px;color:#a1b5c4;border-left:2px solid #7fc8b4;padding:9px 12px;line-height:1.7}.agent-history-head{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.agent-history{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 18px}.agent-history-item{border-radius:8px;border:1px solid var(--border);background:var(--surface);color:#d7e7eb;display:flex;gap:9px;align-items:center;padding:10px 12px;font-size:11px;cursor:pointer}.agent-history-item span:last-child{color:#91a6bc}.agent-history-item strong{font-size:11px}
@media(max-width:1320px){.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1040px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-workbench-grid{grid-template-columns:1fr}}
@media(max-width:760px){.agent-grid{grid-template-columns:1fr 1fr;gap:9px}.agent-tile{padding:12px 10px;min-height:150px}.agent-tile-body>span{font-size:10px}.agent-emblem{font-size:21px}.agent-workbench{padding:14px}.agent-input-row{grid-template-columns:1fr}.agent-home-banner{flex-direction:column;align-items:flex-start}.agent-history-head{gap:12px;flex-wrap:wrap}}
@media(max-width:430px){.agent-grid{grid-template-columns:1fr}.agent-tile{min-height:auto}.agent-workbench-head h2{font-size:18px}}

.agent-council{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:20px;border:1px solid #446357;border-radius:15px;padding:20px;margin:20px 0 24px;background:linear-gradient(110deg,#193536,#17233a)}.agent-council h3{font:700 19px 'Space Grotesk';margin:8px 0}.agent-council p{color:#b2cad0;font-size:12px;line-height:1.7}.agent-council-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.agent-council-btn{background:#112337;border:1px solid #476357;border-radius:11px;color:#d9ece9;padding:15px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px}.agent-council-btn:hover,.agent-council-btn:focus-visible{border-color:var(--mint);outline-offset:2px}.agent-council-btn>span{font-size:22px}.agent-council-btn strong{font:700 12px 'Space Grotesk'}.agent-council-btn small{color:#a3b9c4;font-size:10px;line-height:1.5}.agent-team-report{padding:15px;border-radius:12px;background:#1a322f;border:1px solid #426b5e;margin-bottom:20px}.agent-team-report p{font-size:12px;line-height:1.7;color:#c0dbd6}
@media(max-width:1050px){.agent-council{grid-template-columns:1fr}}
@media(max-width:760px){.agent-council{padding:14px}.agent-council-list{grid-template-columns:1fr}.agent-council-btn{min-height:80px}}
/* Future Learning OS v3: scenario laboratory, transparent councils, evidence observatory */
.arena-banner{margin-top:18px;background:linear-gradient(120deg,#251e47,#15253a 80%);border-color:#5f568b}
.arena-scoreboard{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 26px;border:1px solid #3e6477;border-radius:18px;background:radial-gradient(circle at 90% 20%,#18465b,#111d33 74%);margin:22px 0 12px}
.arena-scoreboard strong{display:block;font:700 48px 'Space Grotesk',sans-serif;color:var(--mint);line-height:1.15;margin:8px 0}
.arena-scoreboard strong small{font-size:18px;color:#a9c1cd}.arena-scoreboard p,.arena-progress span{font-size:12px;color:#a5b9c7}.arena-progress{min-width:200px;flex:0 1 45%}.arena-progress .small-progress{height:9px;margin-bottom:12px}
.arena-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:20px;align-items:start}
.arena-list{border:1px solid var(--border);border-radius:16px;padding:8px;background:#101827;display:grid;gap:6px;max-height:640px;overflow-y:auto}
.arena-item{border:1px solid transparent;background:transparent;border-radius:10px;color:#d0dfeb;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;min-height:60px}
.arena-item>span{color:var(--mint);background:#1a3340;padding:8px;min-width:37px;text-align:center;border-radius:9px;font:700 11px 'Space Grotesk'}
.arena-item strong{font-size:12px;line-height:1.5}.arena-item.selected,.arena-item:hover{background:#203a43;border-color:#6aa893}
.arena-workbench{background:linear-gradient(135deg,#152439,#111a2b);border:1px solid #3a5265;padding:28px;border-radius:18px;min-width:0}
.arena-workbench h2{font:700 25px 'Space Grotesk',sans-serif;margin:12px 0}.arena-workbench>p{font-size:14px;line-height:1.8;color:#c8d8e2;max-width:720px}
.arena-options{display:grid;gap:10px;margin:16px 0}.arena-option{display:flex;align-items:center;text-align:left;gap:15px;line-height:1.5;padding:15px;border:1px solid #365068;border-radius:11px;background:#16263a;color:#e4f0f6;font-size:13px;min-height:60px}
.arena-option span{flex:none;font-size:11px;font-weight:800;color:#b8ff88;background:#274341;border-radius:8px;padding:8px 11px}.arena-option.active,.arena-option:hover{border-color:var(--mint);background:#203a3b}
.arena-feedback{margin-top:25px;padding:20px;border-radius:12px;background:#163537;border:1px solid #5b9677;line-height:1.7;font-size:13px}.arena-feedback.retry{background:#3b2e24;border-color:#986a4e}
.arena-feedback p{color:#dee8e8}.arena-feedback small{color:#c5d6c7}
.council-brief{padding:24px;margin:16px 0 28px;border:1px solid #657b8e;border-radius:16px;background:linear-gradient(135deg,#172a37,#132035)}.council-brief h3{font:700 20px 'Space Grotesk';margin:9px 0}.council-brief>p{color:#becbd8;line-height:1.7;overflow-wrap:anywhere}.council-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0}.council-columns>div{background:#17273a;border:1px solid #35506a;border-radius:12px;padding:18px;min-width:0}.council-columns strong{font-size:13px;color:var(--mint)}.council-columns ol{padding-left:18px;line-height:1.75;color:#cedae1;font-size:12px}.council-columns li{margin:8px 0;overflow-wrap:anywhere}
.rubric-box{margin:22px 0;background:#152c33;border:1px solid #4b7773;border-radius:13px;padding:20px}.rubric-score{font:700 34px 'Space Grotesk',sans-serif;color:var(--mint);margin:14px 0}.rubric-score small{font-size:14px;color:#abbdc8}.rubric-score span{font:600 12px 'DM Sans',sans-serif;color:#b8c9d4}.rubric-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rubric-rows>div{font-size:11px;min-width:0;display:grid;grid-template-columns:1fr auto;gap:7px}.rubric-rows>div .small-progress{grid-column:1/-1}.rubric-box p,.rubric-box li{color:#b9cbd0;font-size:12px;line-height:1.65}
.obs-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:24px}.obs-metric{background:#14273a;border:1px solid #35556b;border-radius:14px;padding:20px;display:grid;gap:12px}.obs-metric strong{font:700 30px 'Space Grotesk';color:var(--mint)}.obs-metric span{color:#afc4d4;font-size:12px}.radar-rows{display:grid;gap:16px;margin-top:22px}.radar-row{display:grid;gap:7px}.radar-row>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#d9e4ed;font-size:12px}.radar-row small{color:#95aabd;font-size:10px}.obs-next{border-bottom:1px solid #35445d;padding:16px 0}.obs-next strong{font-size:12px;color:#dceadd}.obs-next p{color:#aabec9;font-size:12px;line-height:1.6}.obs-projects{display:grid;gap:10px}.obs-project{display:flex;align-items:center;gap:20px;background:#152536;padding:15px;border:1px solid #365064;border-radius:12px;min-width:0}.obs-project>div{flex:1;min-width:0}.obs-project strong{font-size:13px}.obs-project p{color:#9fb2c5;font-size:11px;line-height:1.5}.obs-project>span{font-weight:800;color:var(--mint)}
@media(max-width:1050px){.arena-layout{grid-template-columns:1fr}.arena-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.obs-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.arena-scoreboard{padding:18px;align-items:stretch;flex-direction:column}.arena-progress{width:100%;flex:auto}.arena-list{grid-template-columns:1fr}.arena-workbench{padding:16px}.arena-workbench h2{font-size:19px}.arena-option{font-size:12px;padding:11px;min-height:54px}.council-columns,.rubric-rows{grid-template-columns:1fr}.obs-top{gap:9px}.obs-metric{padding:13px}.obs-metric strong{font-size:22px}.obs-metric span{font-size:10px}.obs-project{flex-wrap:wrap}.obs-project button{width:100%}}

/* Frontier Futures Academy */
.frontier-hero{padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#162b42 0%,#112a31 65%,#21304a 100%);border:1px solid #386175;margin:18px 0 22px}
.frontier-hero h2{font:700 clamp(20px,3vw,30px) 'Space Grotesk',sans-serif;max-width:760px;margin:12px 0;color:#e9fff1}
.frontier-hero p{max-width:820px;font-size:13px;line-height:1.8;color:#bed1de}
.frontier-stats{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
.frontier-stats span{border:1px solid #3e6171;background:#183345;padding:10px 13px;border-radius:10px;color:#bfd2da;font-size:12px}
.frontier-stats strong{font:700 20px 'Space Grotesk';color:#b8ff88;margin-right:7px}
.frontier-filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}
.frontier-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 25px}
.frontier-explainer>div{background:#17283a;border:1px solid #34506b;border-radius:13px;padding:17px}
.frontier-explainer strong{color:#b8ff88;font-size:13px}
.frontier-explainer p{color:#adbecb;font-size:12px;line-height:1.7;margin:9px 0 0}
.future-label{display:inline-block;font-weight:700;font-size:9px;padding:4px 7px;border-radius:6px;margin-left:6px;background:#2b4a54;color:#d0f7df;white-space:normal}
.frontier-disclosure{padding:17px 18px;margin:17px 0;border:1px solid #578a84;border-radius:12px;background:#163136;font-size:12px;color:#e0ece7;line-height:1.7}
.frontier-disclosure strong{color:#b8ff88;font-size:13px}
.frontier-disclosure p{margin:8px 0;color:#d4e4df}
.source-links{display:grid;gap:7px;margin-top:15px}
.source-links a{color:#a8ddff;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.frontier-hero{padding:19px}.frontier-explainer{grid-template-columns:1fr}.frontier-stats span{font-size:11px}}

/* Self-paced course reader and certificate assessment */
.reading-text{font-size:15px;line-height:1.9;white-space:pre-wrap;color:var(--white);max-width:78ch}
.exam-question{border:1px solid var(--border);border-radius:14px;padding:18px;margin:14px 0 22px;min-width:0;background:var(--surface2)}
.exam-question legend{padding:0 8px;line-height:1.5;max-width:100%;font-size:15px}
.exam-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);padding:11px 13px;border-radius:10px;margin:8px 0;cursor:pointer;line-height:1.5}
.exam-option:has(input:checked){border-color:var(--mint);background:#b8ff880f}
.exam-option input{margin:5px 0 0;accent-color:#b8ff88;flex:none}
@media(max-width:600px){.exam-question{padding:12px}.reading-text{font-size:14px}}

/* Automated teaching-swarm mission control */
.swarm-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px}
.swarm-role{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:14px}
.swarm-role>span:first-child{font-size:21px}.swarm-role>div{flex:1;min-width:0}
.swarm-role strong{font-size:13px}.swarm-role small{display:block;color:var(--soft);font-size:12px;margin-top:4px;line-height:1.4}
.swarm-status{font-size:9px;letter-spacing:.1em;color:var(--mint)}
.swarm-report{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;margin:22px 0}
.swarm-result{margin:12px 0;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}
.swarm-result summary{font-weight:700;cursor:pointer;line-height:1.6}.swarm-result .check-list{margin-top:14px}
@media(max-width:580px){.swarm-report{padding:14px}.swarm-role-grid{grid-template-columns:1fr}}

/* Four-stage active learning dialogue */
.coach-transcript{display:grid;gap:10px;margin:20px 0;max-height:340px;overflow:auto}
.coach-turn{padding:12px 16px;border-left:3px solid var(--mint2);background:var(--surface2);border-radius:8px;line-height:1.65}
.coach-choice{text-align:left;white-space:normal;min-height:52px}
#interactive-studio .proof-box{margin-top:16px}

/* Readable policy + deliberate electronic clickwrap */
.policy-reading{max-height:48vh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--surface2);line-height:1.65}
.policy-section{border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:16px}
.policy-section h3{font-size:17px;line-height:1.4}
.policy-section p{color:var(--white);margin:10px 0}
.policy-check{display:flex;align-items:flex-start;gap:11px;padding:12px 0;line-height:1.5}
.policy-check input{flex:none;accent-color:var(--mint);width:20px;height:20px;margin:2px 0}

/* Course readability update (2026-11-15).
   Typography only: preserves the established colours, card/grid dimensions,
   padding, spacing, and AI University brand design. Fintigen/DDEI-sized text. */
.nav-item{font-size:15px}
.breadcrumb{font-size:14px}
.search-control{font-size:14px}
#app .hero p{font-size:16px}
#app .page-subtitle{font-size:16px}
#app .section-title{font-size:24px}
#app .section-sub{font-size:15px}
#app .section-link{font-size:14px}
#app .stat-label{font-size:14px}
#app .course-card h3{font-size:19px;line-height:1.45}
#app .course-area{font-size:12px}
#app .course-problem{font-size:15px;line-height:1.65}
#app .course-meta{font-size:13px;line-height:1.5}
#app .course-cover .mini-tag{font-size:11px}
#app .filter-chip{font-size:14px}
#app .input-search{font-size:16px}
#app .filter-results{font-size:14px}
#app .btn,.modal .btn{font-size:15px}
#app .panel p{font-size:15px}
#app .notice,.modal .notice{font-size:15px}
.modal .modal-desc{font-size:15px}
.modal .tiny-pill{font-size:13px}
.modal .module-item strong{font-size:16px}
.modal .module-item small{font-size:14px}
.modal .proof-box h4{font-size:18px}
.modal .proof-box p,.modal .check-list li{font-size:15px;line-height:1.7}
.modal .field-label{font-size:14px}
.modal .field,.modal .field-select,.modal .text-area{font-size:16px}
.modal .reading-text{font-size:18px;line-height:1.8}
.modal .exam-question legend{font-size:17px}
.modal .exam-option{font-size:16px}
.modal .frontier-disclosure{font-size:15px}
#app .swarm-role strong{font-size:16px}
#app .swarm-role small{font-size:14px}
#app .coach-turn{font-size:16px}
@media(max-width:600px){
  #app .course-card h3{font-size:18px}
  #app .course-problem{font-size:15px}
  .modal .reading-text{font-size:17px}
}