:root{--green:#39a900;--green-dark:#2e7d00;--green-pale:#edf8e7;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--canvas:#f5f7fb;--white:#fff;--blue:#2563eb;--radius:22px;--shadow:0 8px 30px rgba(15,23,42,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.03em}h1{font-size:36px;font-weight:800}h2{font-size:24px;font-weight:760}h3{font-size:18px;font-weight:740}p+p{margin-top:12px}small{font-size:12px}img{max-width:100%}svg.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--green-dark)}.fine{font-size:12px;color:var(--muted);line-height:1.6}.mono,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:13px;background:#f1f5f9;border-radius:6px;padding:2px 5px;overflow-wrap:anywhere}.skip{position:fixed;left:16px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:300}.skip:focus{top:12px}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;gap:24px}.header:after{content:'';position:absolute;bottom:-1px;left:0;width:248px;height:3px;background:var(--green)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);flex-shrink:0}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{font-size:18px;letter-spacing:-.04em;line-height:1.1;display:block}.brand strong span{color:var(--green-dark)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.06em;margin-top:5px}.topnav{display:flex;gap:6px;align-items:center;margin-left:auto}.topnav a{font-weight:650;color:#566174;font-size:13px;padding:9px 13px;border-radius:10px}.topnav a:hover,.topnav a[aria-current]{background:var(--green-pale);color:var(--green-dark)}.header-actions{display:flex;align-items:center;gap:12px}.iconbtn{border:1px solid var(--line);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:white;color:var(--ink);border-radius:12px;flex-shrink:0}.iconbtn:hover{background:#f1f5f9}.searchbtn{border:1px solid var(--line);color:var(--muted);border-radius:12px;background:var(--canvas);padding:9px 14px;font-size:12px;display:flex;gap:10px;align-items:center}.searchbtn kbd{font-size:10px;padding:1px 5px;border:1px solid var(--line);border-radius:4px}.menu-button{display:none}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 82px)}.sidebar{position:sticky;top:82px;height:calc(100vh - 82px);padding:28px 18px 20px;background:white;border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;z-index:30}.side-label{padding:0 13px;margin-bottom:13px;color:#8893a3;font-size:10px;letter-spacing:.15em;font-weight:750;text-transform:uppercase}.side-main{display:flex;gap:12px;align-items:center;color:#526074;font-size:13px;padding:12px;border-radius:11px;margin:3px 0;font-weight:600}.side-main.active{background:var(--green-pale);color:var(--green-dark)}.sidebar hr{border:0;border-top:1px solid var(--line);margin:21px 12px}.module-nav{margin:2px 0}.module-nav>a{display:flex;gap:11px;align-items:center;color:#526074;font-weight:600;font-size:12px;padding:10px 11px;border-radius:10px;line-height:1.45}.module-nav>a:hover{background:var(--canvas)}.module-nav.active>a{background:var(--green-pale);color:var(--green-dark)}.module-index{font-size:10px;width:23px;height:23px;display:inline-grid;place-items:center;background:#f1f5f9;border-radius:7px;color:#7a8698;flex-shrink:0}.module-nav.active .module-index{background:var(--green);color:var(--ink)}.side-count{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--muted)}.side-lessons{padding:7px 3px 7px 24px;border-left:1px solid var(--line);margin-left:22px}.side-lessons a{font-size:11px;display:block;padding:7px 4px;color:var(--muted);line-height:1.5}.side-lessons a.current{color:var(--green-dark);font-weight:750}.side-progress{padding:15px;background:var(--canvas);border-radius:14px;margin-top:24px}.bar{height:6px;background:#e7edf3;border-radius:20px;overflow:hidden}.bar>span{display:block;background:var(--green);height:100%;border-radius:20px;transition:width .3s}.side-progress .bar{margin:10px 0}.side-progress strong{font-size:12px}.side-progress p{font-size:11px;color:var(--muted)}.main{min-width:0;padding:30px 34px 0;max-width:1440px;width:100%;margin:auto;align-self:start}.main:focus{outline:none}.page-content{animation:arrive .22s ease-out}.page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-top p{margin-top:9px;max-width:700px;color:var(--muted)}.page-top h1{font-size:32px}.crumb{color:var(--muted);font-size:11px;margin-bottom:15px;display:flex;gap:7px;flex-wrap:wrap}.crumb a{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:4px 8px;background:#f1f5f9;color:#526074;font-size:10px;font-weight:750;line-height:1.6}.pill.green{background:var(--green-pale);color:var(--green-dark)}.pill.blue{background:#edf3ff;color:#1d4ed8}.pill.amber{background:#fff7e8;color:#92400e}.tagrow{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:12px;border:1px solid var(--line);padding:11px 17px;line-height:1.4;font-weight:700;font-size:12px;color:var(--ink);background:white;min-height:42px;transition:transform .15s,background .15s}.btn:hover{background:#f8fafc;transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#122209}.btn.primary:hover{background:#45b915}.btn.dark{background:var(--ink);border-color:var(--ink);color:white}.btn.small{padding:7px 11px;min-height:34px;font-size:11px;border-radius:9px}.btn.link{background:transparent;border-color:transparent;color:var(--green-dark)}.btn.danger{color:#b91c1c}.btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section{margin-top:30px}.section-title{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title p{font-size:12px;color:var(--muted);margin-top:5px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--white);box-shadow:var(--shadow);min-width:0}.card h3+p{color:var(--muted);font-size:13px;margin-top:9px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stack>*+*{margin-top:18px}.space{height:12px}
.hero{border-radius:26px;background:linear-gradient(112deg,#eef8e6 0%,#f4faf1 50%,#f7fbff 100%);border:1px solid #dbead5;padding:40px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;overflow:hidden;position:relative;min-height:338px}.hero h1{font-size:42px;line-height:1.15;margin:16px 0;letter-spacing:-.045em}.hero h1 span{color:var(--green-dark)}.hero p{font-size:14px;color:#60705d;max-width:480px;line-height:1.8;margin-bottom:23px}.hero .eyebrow{font-size:10px}.hero-art{align-self:center;position:relative;min-width:0;padding:5px 0 15px}.mini-workbook{background:white;border:1px solid #dce6dd;border-radius:15px;box-shadow:0 14px 35px rgba(32,79,14,.09);transform:rotate(-2deg);overflow:hidden}.mini-title{background:#277234;color:white;padding:10px 14px;font-size:11px;display:flex;gap:7px;align-items:center}.mini-title .dots{margin-left:auto;letter-spacing:4px;opacity:.6}.mini-toolbar{background:#f5f8f4;padding:9px 10px;color:#80907e;font-size:9px;word-spacing:12px;border-bottom:1px solid #e7ede5}.mini-formula{padding:7px 10px;font-size:9px;color:#657160;display:flex;gap:12px;border-bottom:1px solid #e7ede5}.mini-grid{display:grid;grid-template-columns:22px 1.3fr 1fr 1fr;font-size:10px}.mini-grid span{padding:8px 5px;border-right:1px solid #edf1eb;border-bottom:1px solid #edf1eb;text-align:right;white-space:nowrap}.mini-grid .th{background:#f4f7f1;color:#829078;font-size:8px;text-align:center}.mini-grid .head{background:#e9f4e0;font-weight:700;color:#47702f}.mini-grid .cellname{text-align:left}.mini-tabs{padding:10px;font-size:9px;background:#f7f9f5;color:var(--green-dark)}.floating-report{margin-top:-18px;margin-left:36%;position:relative;padding:15px 18px;box-shadow:0 10px 25px rgba(28,52,18,.1);border:1px solid #e1e8dd;background:white;border-radius:14px;transform:rotate(1deg)}.floating-report b{display:block;font-size:18px;letter-spacing:-.04em}.floating-report p{font-size:9px;margin:0;color:var(--muted)}.tiny-bars{display:flex;gap:8px;align-items:flex-end;height:30px;margin-top:8px}.tiny-bars i{display:block;flex:1;background:#cae8b9;border-radius:3px 3px 0 0}.tiny-bars i:nth-child(2){background:var(--green)}.metric{background:white;border:1px solid var(--line);border-radius:17px;padding:18px 20px;display:flex;gap:14px;align-items:center}.metric strong{font-size:25px;line-height:1;letter-spacing:-.04em}.metric p{font-size:11px;color:var(--muted);margin-top:7px}.metric-icon{width:38px;height:38px;border-radius:12px;background:var(--canvas);display:grid;place-items:center;color:var(--green-dark)}.next-card{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:var(--ink);color:white;position:relative;overflow:hidden}.next-card h2{font-size:24px;margin:9px 0}.next-card p{font-size:12px;color:#b2becf;max-width:570px}.next-card .eyebrow{color:#b9e890}.next-card .btnrow{margin-top:19px}.progress-ring{--pct:0;width:118px;height:118px;position:relative;border-radius:50%;background:conic-gradient(var(--green) calc(var(--pct)*1%),#354251 0);display:grid;place-items:center;flex-shrink:0}.progress-ring:before{content:'';position:absolute;inset:7px;background:var(--ink);border-radius:50%}.progress-ring div{position:relative;text-align:center}.progress-ring b{font-size:27px;display:block;line-height:1.1}.progress-ring small{font-size:9px;color:#c4ccd5}.stage-card{padding:24px;background:white;display:flex;flex-direction:column}.stage-card .stage-num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green-dark);margin-bottom:18px}.stage-card p{color:var(--muted);font-size:12px;margin:10px 0 19px;flex:1}.stage-card .bar{margin-top:14px}.stage-card a{font-size:12px;font-weight:700}.resource-card{display:flex;gap:16px;align-items:center}.resource-card .resource-icon{width:52px;height:58px;background:var(--green-pale);display:grid;place-items:center;color:var(--green-dark);border-radius:13px;flex-shrink:0}.resource-card h3{font-size:15px}.resource-card p{font-size:11px;color:var(--muted);margin-top:5px}.resource-card .icon{width:24px;height:24px}.resource-card>svg{margin-left:auto;color:var(--muted)}.footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:45px;padding:25px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer img{width:130px;height:45px;object-fit:contain}.footer .footer-brand{display:flex;align-items:center;gap:18px}.footer p{font-size:10px}.brand-missing{color:var(--muted);font-size:10px;max-width:220px}.logo-unavailable{display:none}.storage-warning{background:#fff4db;color:#92400e;font-size:12px;padding:10px 16px;margin-bottom:20px;border-radius:12px}.notice{padding:17px 19px;border:1px solid #dbe7f7;border-left:3px solid var(--blue);background:#f4f8ff;border-radius:12px;font-size:13px;color:#365173;line-height:1.7}.notice.green{background:#f4faef;border-color:#dcecd1;border-left-color:var(--green);color:#405739}.notice.amber{background:#fff9ee;border-color:#f0e0be;border-left-color:#ce921c;color:#73551a}.notice strong{color:inherit}.notice p+p{margin-top:8px}
.filterbar{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap;align-items:center}.input,select,textarea{background:white;border:1px solid #dbe2eb;border-radius:11px;padding:11px 13px;color:var(--ink);min-width:0}.input{width:100%;max-width:490px}.filterbar .input{flex:1;min-width:200px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650}.field input,.field select{width:100%;font-weight:400}.course-group{margin:30px 0}.course-group>h2{font-size:20px;margin-bottom:14px}.module-card{padding:21px;display:flex;flex-direction:column}.module-card .module-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}.module-card .module-big{font-size:14px;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:var(--green-pale);color:var(--green-dark);font-weight:700;flex-shrink:0}.module-card h3{font-size:16px}.module-card p{font-size:12px;color:var(--muted);margin-top:7px}.module-card .lesson-list{margin:9px 0 16px;flex:1}.lesson-list a{display:flex;gap:8px;color:#526074;font-size:11px;padding:6px 0;border-bottom:1px solid #f0f3f7;align-items:flex-start}.lesson-list a span:last-child{margin-left:auto;color:var(--muted);white-space:nowrap}.module-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.module-card .bar{margin-top:14px}.empty{padding:44px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:18px}.empty h3{color:var(--ink);margin-bottom:10px}
.lesson-head{margin-bottom:22px}.lesson-head h1{font-size:33px;margin:12px 0}.lesson-head p{color:var(--muted);font-size:14px;max-width:800px}.lesson-head .tagrow{margin-top:16px}.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:22px;align-items:start}.lesson-aside{position:sticky;top:106px}.lesson-aside .card{padding:19px;border-radius:17px}.lesson-aside h3{font-size:14px}.lesson-aside p{font-size:11px;color:var(--muted);margin-top:8px}.lesson-aside textarea{width:100%;resize:vertical;min-height:132px;font-size:12px;line-height:1.7;margin-top:13px}.lesson-aside .btn{width:100%;margin-top:10px}.lesson-aside .bar{margin-top:13px}.tabs{display:flex;gap:5px;padding:5px;background:#eaf0f5;border:1px solid #e4eaf1;border-radius:13px;margin-bottom:22px}.tabs button{border:0;background:transparent;color:#637187;font-size:12px;padding:11px 10px;border-radius:9px;flex:1;font-weight:650;min-width:0}.tabs button[aria-selected=true]{color:var(--ink);background:white;box-shadow:0 2px 7px rgba(15,23,42,.05)}.lesson-pane>.card,.lesson-pane>.notice{margin-bottom:20px}.goal{display:flex;gap:14px}.goal .icon{color:var(--green-dark);margin-top:2px;flex-shrink:0}.goal strong{display:block;font-size:13px}.goal p{font-size:13px;color:#53664b;margin-top:4px}.concept{padding:22px}.concept h3{font-size:16px;margin-bottom:10px}.concept p{font-size:13px;color:#526074}.concept-num{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;margin-bottom:11px}.example{padding:0;overflow:hidden}.example-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.example-head h3{font-size:14px}.formula-code{background:#132232;color:#dcf4c6;padding:20px 22px;font:13px/1.9 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0}.example-result{padding:19px 22px;background:#f8fcf5}.example-result strong{color:var(--green-dark);font-size:14px}.example-result p{font-size:12px;color:#65715d;margin-top:7px}.step{display:flex;gap:17px;padding:18px 0}.step+.step{border-top:1px solid #edf1f6}.step-num{border-radius:10px;background:var(--green-pale);color:var(--green-dark);width:32px;height:32px;font-size:12px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.step p{font-size:13px;line-height:1.85;padding-top:2px}.steps-card h3{margin-bottom:12px}.source-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.source-chips a{padding:5px 9px;font-size:11px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--green-dark)}.checklist label{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font-size:12px;color:#526074;cursor:pointer}.checklist label:first-of-type{margin-top:15px}.checklist input{accent-color:var(--green-dark);width:17px;height:17px;margin:3px 0 0;flex-shrink:0}.quiz h3{font-size:17px;margin:13px 0 19px}.quiz-option{display:flex;gap:11px;width:100%;text-align:left;align-items:center;border:1px solid var(--line);border-radius:11px;margin-top:9px;padding:12px 14px;background:white;font-size:12px;color:#526074}.quiz-option span{width:23px;height:23px;flex-shrink:0;background:#f0f4f8;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:800}.quiz-option:hover{border-color:#92c577;background:#f9fcf6}.quiz-option.correct{background:#eff9e9;border-color:#76b654;color:var(--green-dark)}.quiz-option.wrong{background:#fff4f4;border-color:#e1a0a0;color:#a32d2d}.feedback{font-size:12px;padding:13px 15px;border-radius:10px;margin-top:15px;background:#f0f7e9;color:#3f622b}.feedback.bad{background:#fff5ee;color:#854614}.completion{border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.completion .btn{width:100%}.completion p{margin-top:10px;font-size:11px;color:var(--muted)}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.lesson-nav a{border:1px solid var(--line);padding:18px;background:white;border-radius:14px;color:var(--ink)}.lesson-nav small{font-size:10px;display:block;color:var(--muted);margin-bottom:5px}.lesson-nav strong{font-size:12px;font-weight:650}.lesson-nav a:last-child{text-align:right}.evidence-thumb{display:flex;gap:18px;align-items:center;text-align:left;cursor:pointer;width:100%;border:1px solid var(--line);border-radius:17px;background:white;padding:18px;color:var(--ink)}.evidence-thumb img{width:100px;height:112px;object-fit:cover;object-position:top;border-radius:7px;border:1px solid var(--line)}.evidence-thumb strong{font-size:14px;display:block;margin-bottom:7px}.evidence-thumb p{font-size:12px;color:var(--muted)}.figure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.figure-card{border:1px solid var(--line);background:white;padding:12px;border-radius:15px;color:var(--ink);text-align:left;cursor:pointer}.figure-card img{display:block;width:100%;height:210px;object-fit:cover;object-position:top;border-radius:9px;background:#f4f7fb}.figure-card strong{display:block;font-size:12px;margin:10px 0 2px}.figure-card small{color:var(--muted)}details{border:1px solid var(--line);padding:15px 18px;border-radius:12px;background:#fff;margin-top:12px}summary{cursor:pointer;font-weight:650;font-size:12px}details p{font-size:12px;color:#526074;margin-top:12px;white-space:pre-line;overflow-wrap:anywhere}.source-list a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.source-list a span{max-width:90%}
.lab{padding:0;overflow:hidden}.lab-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;background:#f8fafc;border-bottom:1px solid var(--line)}.lab-head h3{font-size:17px}.lab-head p{font-size:11px;color:var(--muted);margin-top:5px}.lab-body{padding:22px}.lab-caption{font-size:11px;color:var(--muted);margin-bottom:15px;line-height:1.7}.lab-controls{display:flex;gap:13px;flex-wrap:wrap;align-items:flex-end;margin:18px 0}.lab-controls .field{min-width:115px;flex:1}.lab-controls input{max-width:100%;padding:10px 12px;border-radius:9px;border:1px solid #dbe2eb;background:white;min-width:0}.lab-stat{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;border-radius:13px;background:var(--green-pale);margin:15px 0;color:var(--green-dark)}.lab-stat strong{font-size:22px;letter-spacing:-.03em}.lab-stat span{font-size:11px}.table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:white;scrollbar-width:thin}.data-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.data-table caption{padding:10px;text-align:left;font-weight:650;background:#f8fafc}.data-table th{padding:10px 12px;background:#eef5e9;color:#435735;font-weight:750;text-align:left;border-bottom:1px solid #d9e6d0;position:sticky;top:0;z-index:1}.data-table td{padding:9px 12px;border-bottom:1px solid #eef2f6;color:#566174}.data-table tr:last-child td{border-bottom:0}.data-table tr:nth-child(even) td{background:#fafcf9}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.data-table .total td{font-weight:750;background:#eff6e8;border-top:2px solid #dae9d0;color:#30591d}.data-table .hit td{background:#e8f5da;color:#385b27}.lab .data-table td,.lab .data-table th{padding:8px 10px}.scroller-short{max-height:300px}.grid-lab{border:1px solid var(--line);border-radius:12px;overflow:auto}.grid-lab table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:380px}.grid-lab td,.grid-lab th{border:1px solid var(--line);height:40px;text-align:center;font-size:12px;padding:0}.grid-lab th{background:#f0f4ed;font-size:10px;color:#738168;width:35px}.grid-lab button{width:100%;height:100%;border:0;background:white;color:#526074;font-size:12px}.grid-lab button.sel{background:#e7f3dd;box-shadow:inset 0 0 0 2px var(--green-dark);font-weight:750;color:var(--green-dark)}.formula-bar{display:flex;align-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:9px;margin-bottom:12px;font:12px ui-monospace,Consolas,monospace}.formula-bar>span{padding:10px 13px;border-right:1px solid var(--line);color:var(--muted)}.formula-bar strong{padding:10px 13px;font-weight:600}.ribbon-map{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:15px}.ribbon-map>div{padding:10px 13px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:7px;flex-wrap:wrap}.ribbon-map .map-title{background:#267b35}.ribbon-map button{background:#f4f8ef;border:1px solid #e0e9db;border-radius:7px;color:#536847;font-size:10px;padding:7px 8px}.ribbon-map .map-title button{color:white;background:transparent;border-color:#ffffff55}.slicers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.slicer{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafcf8}.slicer strong{font-size:11px;display:block;margin-bottom:9px}.slicer-buttons{display:flex;gap:6px;flex-wrap:wrap}.slicer button{background:white;border:1px solid #dce5d6;border-radius:7px;padding:6px 10px;font-size:10px;color:#597148}.slicer button.on{background:var(--green-pale);border-color:#6eab4f;color:#295d0d;font-weight:700}.slicer .clear{background:transparent;font-size:9px;color:var(--muted);border-color:transparent}.chart-rows{margin:20px 0}.chart-row{display:grid;grid-template-columns:130px 1fr 68px;gap:10px;align-items:center;margin:12px 0;font-size:11px}.chart-label{color:#526074;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-track{height:20px;background:#f1f5f9;border-radius:5px;overflow:hidden}.chart-track i{display:block;height:100%;background:var(--green);border-radius:5px;min-width:2px}.chart-number{text-align:right;font-variant-numeric:tabular-nums;color:#435438}.chart-columns{display:flex;align-items:stretch;gap:8px;height:195px;margin:25px 0 15px;padding-top:18px;border-bottom:1px solid var(--line)}.chart-column{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;position:relative}.chart-column i{background:var(--green);border-radius:5px 5px 0 0;width:65%;margin:0 auto;min-height:2px;display:block}.chart-column .value{font-size:9px;position:absolute;top:-19px;width:100%;color:#536649}.chart-column .label{font-size:8px;color:var(--muted);height:35px;line-height:1.25;padding-top:6px;word-wrap:break-word}.chart-column .col-bar-wrap{height:150px;display:flex;align-items:flex-end;position:relative}.lab-answer{display:flex;gap:10px;align-items:flex-end;margin-top:17px}.lab-answer .field{flex:1}.lab-answer input{max-width:100%;width:100%;border:1px solid var(--line);border-radius:9px;padding:10px}.lab-answer .btn{flex-shrink:0}.answer-feedback{font-size:11px;margin-top:10px;color:var(--green-dark)}.formula-out{padding:18px;background:#132232;color:#dff3ce;border-radius:12px;font:14px/1.6 ui-monospace,Consolas,monospace;margin:18px 0;overflow-wrap:anywhere}.criteria-table{border-collapse:collapse;width:100%;font-size:12px;margin:15px 0}.criteria-table th,.criteria-table td{padding:10px;border:1px solid var(--line);text-align:left}.criteria-table th{background:var(--green-pale)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-item{padding:20px;color:var(--ink);display:flex;gap:14px;align-items:flex-start}.catalog-item:hover{border-color:#a9ce96}.sheet-tag{min-width:48px;height:41px;padding:0 6px;display:grid;place-items:center;border-radius:10px;background:#eff6e8;color:var(--green-dark);font-size:11px;font-weight:750;flex-shrink:0}.catalog-item h3{font-size:13px;line-height:1.5;letter-spacing:-.01em;overflow-wrap:anywhere}.catalog-item p{font-size:10px;color:var(--muted);margin-top:7px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px;font-size:12px;color:var(--muted)}.original-text{white-space:pre-line;font-size:13px;color:#526074;overflow-wrap:anywhere;margin:10px 0 20px}.original-cell{font-size:10px;color:var(--green-dark);font-weight:750}.files-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.file-card h3{font-size:15px;margin:13px 0 8px}.file-card p{font-size:12px;color:var(--muted);margin-bottom:18px}.file-card .file-meta{display:flex;gap:10px;font-size:10px;color:var(--muted);align-items:center}.video-placeholder{background:#f1f5f9;border:1px solid var(--line);border-radius:12px;min-height:130px;display:grid;place-items:center;margin:15px 0}.video-placeholder iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.video-card h3{font-size:16px}.video-card p{font-size:12px;color:var(--muted);margin:10px 0}.glossary-item{padding:20px;border-bottom:1px solid var(--line)}.glossary-item:last-child{border-bottom:0}.glossary-item h3{font-size:15px;color:var(--green-dark);margin-bottom:8px}.glossary-item p{font-size:13px;color:#526074}.progress-summary{display:grid;grid-template-columns:1fr auto;align-items:center;background:var(--ink);color:white;gap:20px}.progress-summary h2{font-size:28px}.progress-summary p{color:#b8c7d6;font-size:12px;margin:12px 0}.progress-table{width:100%;border-collapse:collapse;font-size:12px}.progress-table th{text-align:left;color:var(--muted);font-weight:600;padding:14px 12px}.progress-table td{padding:14px 12px;border-top:1px solid var(--line)}.progress-table .bar{width:110px;display:inline-block;margin-right:8px;vertical-align:middle}.progress-table a{color:var(--ink);font-weight:600}.help-step{display:flex;gap:14px;margin-top:20px}.help-step strong{font-size:14px}.help-step p{font-size:12px;color:var(--muted);margin-top:6px}.help-step .step-num{background:var(--green-pale)}.help-faq{margin-top:25px}.splash{position:fixed;inset:0;background:#f8fafc;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:splashOut 2.1s ease forwards;pointer-events:none}.splash img{width:145px;height:145px;object-fit:contain;animation:brandIn 2s cubic-bezier(.22,.68,0,1) forwards}.splash strong{font-size:17px;color:var(--ink)}.splash small{font-size:11px;color:var(--muted)}.splash-line{width:100px;height:3px;background:var(--green);border-radius:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#132232;color:white;border-radius:12px;box-shadow:0 12px 32px #102a1a33;padding:13px 20px;font-size:12px;max-width:calc(100vw - 32px);opacity:0;transition:opacity .2s,transform .2s;z-index:160;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:22px;padding:0;max-width:min(780px,calc(100vw - 30px));width:100%;max-height:90vh;box-shadow:0 30px 80px #0f172a40;background:white;color:var(--ink)}dialog::backdrop{background:rgba(15,23,42,.5);backdrop-filter:blur(3px)}.dialog-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{font-size:20px}.dialog-body{padding:22px;overflow-y:auto}.search-results{margin-top:15px}.search-results a{display:block;padding:13px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px}.search-results small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.image-dialog{width:900px}.image-dialog img{display:block;width:100%;height:auto}.drawer-overlay{display:none}.mobile-side-close{display:none}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes brandIn{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1)}90%,100%{opacity:0;transform:scale(1.05)}}@keyframes splashOut{0%,75%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(min-width:1700px){.main{padding-left:44px;padding-right:44px}.hero{padding:48px}.hero h1{font-size:49px}}
@media(max-width:1240px){.header{padding:0 22px;gap:15px}.topnav a{padding:9px}.searchbtn span,.searchbtn kbd{display:none}.searchbtn{padding:10px}.main{padding:25px 24px 0}.hero{padding:30px;gap:22px}.hero h1{font-size:35px}.learning-layout{grid-template-columns:minmax(0,1fr) 207px;gap:18px}.grid3{gap:13px}.metric{padding:15px;gap:10px}.metric-icon{display:none}.stage-card{padding:20px}.chart-row{grid-template-columns:110px 1fr 68px}}
@media(max-width:1060px){.shell{grid-template-columns:218px minmax(0,1fr)}.header:after{width:218px}.sidebar{padding-left:12px;padding-right:12px}.topnav a{font-size:12px;padding:8px}.brand strong{font-size:16px}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:40px}.learning-layout{grid-template-columns:minmax(0,1fr)}.lesson-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.lesson-aside.stack>*+*{margin:0}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-card:last-child{grid-column:1/-1}.stage-card:last-child .bar{max-width:70%}.footer{align-items:flex-start}.footer .footer-brand{display:block}.footer img{margin-bottom:9px}.catalog-grid{grid-template-columns:1fr}}
@media(max-width:780px){.header{height:72px;padding:0 17px;gap:12px}.header:after{width:100%}.topnav{display:none}.header-actions{margin-left:auto;gap:8px}.menu-button{display:flex}.brand img{width:34px;height:34px}.brand{gap:8px}.brand strong{font-size:16px}.brand small{font-size:9px}.shell{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:min(300px,86vw);transform:translateX(-105%);transition:transform .2s;z-index:100;padding:25px 18px}.sidebar.open{transform:translateX(0)}.mobile-side-close{display:flex;margin-left:auto;margin-bottom:15px}.drawer-overlay.open{display:block;position:fixed;inset:0;background:#0f172a66;z-index:95;border:0}.main{padding:24px 19px 0;max-width:100%}.hero{padding:28px;min-height:0}.hero h1{font-size:36px}.hero p{font-size:13px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-icon{display:grid}.metric{padding:17px}.metric strong{font-size:24px}.page-top{align-items:flex-start;flex-direction:column;gap:16px}.page-top h1{font-size:28px}.page-top p{font-size:13px}.next-card h2{font-size:22px}.next-card{gap:18px}.progress-ring{width:90px;height:90px}.progress-ring b{font-size:23px}.card{padding:21px;border-radius:18px}.lab{padding:0}.example{padding:0}.grid3{grid-template-columns:1fr}.stage-card:last-child{grid-column:auto}.stage-card:last-child .bar{max-width:100%}.grid2{gap:14px}.section-title h2{font-size:21px}.lesson-head h1{font-size:29px}.tabs button{padding:10px 7px;font-size:11px}.lesson-aside{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:center;text-align:center;gap:15px}.footer .footer-brand{display:flex;flex-direction:column;align-items:center;gap:7px}.footer img{margin:0}.figure-card img{height:240px}.resource-card{gap:12px}.searchbtn{border-radius:11px}.files-grid{grid-template-columns:1fr}.lab-body{padding:18px}.lab-head{padding:18px}.catalog-grid{grid-template-columns:1fr}.dialog-body{padding:17px}.image-dialog .dialog-body{padding:6px}.progress-table .bar{width:70px}.progress-table th,.progress-table td{padding:12px 6px;font-size:11px}}
@media(max-width:480px){.main{padding:19px 14px 0}.header{padding:0 13px;gap:8px}.brand small{display:none}.brand img{width:30px;height:30px}.brand strong{font-size:15px}.iconbtn{width:36px;height:36px}.searchbtn{padding:8px}.hero{padding:24px}.hero h1{font-size:33px}.hero .btnrow .btn{flex:1;padding:11px;font-size:11px}.hero p{line-height:1.75}.hero .eyebrow{font-size:9px;letter-spacing:.09em}.metric{padding:16px 14px}.metric-icon{display:none}.metric p{font-size:10px}.next-card{grid-template-columns:1fr}.next-card .progress-ring{display:none}.grid2{grid-template-columns:1fr}.lesson-aside{grid-template-columns:1fr}.tagrow .pill{font-size:9px}.tabs{gap:2px}.tabs button{font-size:10px;padding:10px 4px}.step{gap:12px}.step p{font-size:12px}.step-num{width:28px;height:28px}.lesson-head h1{font-size:27px}.lesson-nav{gap:10px}.lesson-nav a{padding:14px}.lesson-nav strong{font-size:10px}.figure-grid{gap:10px}.figure-card img{height:175px}.evidence-thumb img{width:72px;height:96px}.evidence-thumb{padding:14px;gap:13px}.evidence-thumb strong{font-size:12px}.evidence-thumb p{font-size:11px}.lab-controls .field{min-width:95px}.slicers{grid-template-columns:1fr}.chart-row{grid-template-columns:96px 1fr 59px;font-size:10px;gap:7px}.chart-columns{gap:4px}.chart-column .label{font-size:7px}.lab-head .pill{display:none}.lab-head h3{font-size:16px}.lab-stat strong{font-size:20px}.completion p{font-size:10px}.filterbar{gap:9px}.filterbar .input{min-width:100%;max-width:100%}.filterbar select{width:100%}.page-top .btnrow{width:100%}.progress-summary{grid-template-columns:1fr}.progress-summary .progress-ring{display:none}.pagination{font-size:10px}.progress-table .bar{width:45px}.resource-card .resource-icon{width:40px;height:47px}.btn.small{font-size:10px}.original-text{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.splash{display:none}}
@media print{.header,.sidebar,.footer,.tabs,.lesson-aside,.lesson-nav,.btn,.toast,.splash,.drawer-overlay{display:none!important}.shell{display:block}.main{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}.learning-layout{display:block}.lesson-pane{display:block}.page-content{animation:none}.figure-grid{grid-template-columns:1fr 1fr}body{background:white;font-size:11pt}.lab{break-inside:auto}}

/* Programmatic route focus must not outline the entire page. */
#app:focus { outline: none; }
/* v2: focused visual evidence instead of full-page PDF screenshots */
.evidence-thumb img{object-fit:contain;object-position:center;background:#fff;height:118px}
.figure-card img{object-fit:contain;object-position:center;background:#fff;height:220px}
.exercise-highlight{border-color:#cfe2bf;background:linear-gradient(180deg,#fbfff8,#fff)}
.pill.amber{background:#fff7e6;color:#915b00;border-color:#f1d49b}
@media(max-width:780px){.figure-card img{height:220px}}
@media(max-width:480px){.figure-card img{height:170px}.evidence-thumb img{height:92px}}

/* v4.3: compact course tree navigation */
.course-label{margin-bottom:8px}
.level-nav{margin:5px 0 8px;border:0;padding:0;border-radius:12px;background:#fff;overflow:hidden}
.level-nav>summary,.module-nav>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.level-nav>summary::-webkit-details-marker,.module-nav>summary::-webkit-details-marker{display:none}
.level-nav>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px 30px 8px 10px;border-radius:11px;color:#334155;transition:background .15s,color .15s}
.level-nav>summary:after{content:'›';position:absolute;right:11px;top:50%;font-size:18px;line-height:1;color:#94a3b8;transform:translateY(-50%) rotate(0deg);transition:transform .15s,color .15s}
.level-nav[open]>summary:after{transform:translateY(-50%) rotate(90deg);color:var(--green-dark)}
.level-nav>summary:hover{background:#f8fafc}
.level-nav[open]>summary{background:var(--green-pale);color:var(--green-dark)}
.level-copy{min-width:0;display:block;line-height:1.25}
.level-copy b{display:block;font-size:12px;font-weight:800;letter-spacing:-.01em}
.level-copy small{display:block;margin-top:3px;font-size:9px;font-weight:600;color:#7b8798;letter-spacing:0}
.level-nav[open] .level-copy small{color:#5f7651}
.level-percent{font-size:10px;font-weight:800;color:#64748b}
.level-nav[open] .level-percent{color:var(--green-dark)}
.level-progress{height:2px;margin:-2px 10px 4px;background:#edf1f5;border-radius:999px;overflow:hidden}
.level-progress span{display:block;height:100%;background:var(--green);border-radius:999px}
.level-nav:not([open]) .level-progress{display:none}
.level-nav-body{padding:2px 0 4px 8px;background:#fff;border-left:1px solid #e8edf3;margin-left:15px}
.module-nav{margin:1px 0;border:0;padding:0;border-radius:9px;background:transparent;overflow:hidden}
.module-nav>summary{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:45px;padding:6px 27px 6px 6px;color:#536174;border-radius:9px;transition:background .15s,color .15s}
.module-nav>summary:after{content:'›';position:absolute;right:8px;top:50%;font-size:15px;color:#a3adba;line-height:1;transform:translateY(-50%);transition:transform .15s,color .15s}
.module-nav[open]>summary:after{transform:translateY(-50%) rotate(90deg)}
.module-nav>summary:hover{background:#f7f9fc;color:#253247}
.module-nav.active>summary,.module-nav[open]>summary{background:#f4f8f1;color:#315a19}
.module-nav.active>summary{box-shadow:inset 3px 0 0 var(--green)}
.module-index{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:#f1f5f9;color:#8290a2;font-size:9px;font-weight:800}
.module-nav.active .module-index,.module-nav[open] .module-index{background:#e4f3dc;color:var(--green-dark)}
.module-copy{display:block;min-width:0}
.module-name{display:block;font-size:10.5px;font-weight:700;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.module-mini-progress{display:block;height:2px;background:#eef2f6;border-radius:99px;margin-top:5px;overflow:hidden;max-width:110px}
.module-mini-progress i{display:block;height:100%;background:#78c64e;border-radius:99px}
.side-count{font-size:9px;line-height:1;color:#7b8798;white-space:nowrap;font-weight:700}
.side-lessons{padding:4px 5px 7px 33px;margin:0;border:0}
.side-lessons a{display:grid;grid-template-columns:14px minmax(0,1fr);gap:5px;align-items:start;padding:5px 7px;border-radius:7px;color:#718096;font-size:9.5px;line-height:1.35}
.side-lessons a:hover{background:#f7f9fc;color:#334155}
.side-lessons a.current{background:#edf8e7;color:var(--green-dark);font-weight:750}
.side-lessons .module-start{display:flex;align-items:center;justify-content:space-between;margin:1px 0 3px;padding:5px 7px;color:var(--green-dark)!important;font-size:9px;font-weight:800!important;border:0;background:transparent}
.side-lessons .module-start:after{content:'→';font-size:11px}
.lesson-status{width:12px;text-align:center;color:#94a3b8;font-weight:800}
.side-lessons a.current .lesson-status{color:var(--green-dark)}
.module-nav>summary:focus-visible,.level-nav>summary:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.compact-progress{padding:11px 12px;border:1px solid #e8edf3;background:#f8fafc;border-radius:12px;margin-top:14px}
.side-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.side-progress-head strong,.side-progress-head b{font-size:10.5px;line-height:1.2}
.compact-progress .bar{height:4px;margin:8px 0 5px}
.compact-progress p{font-size:9px;line-height:1.3;margin:0;color:#7b8798}
.sidebar hr{margin:15px 10px}

@media(max-width:1060px){
  .level-nav>summary{padding-left:8px}.level-nav-body{margin-left:12px;padding-left:5px}.module-nav>summary{grid-template-columns:24px minmax(0,1fr) auto;gap:5px;padding-left:4px}.module-name{font-size:10px}.module-mini-progress{max-width:90px}.side-lessons{padding-left:27px}.side-count{font-size:8.5px}
}
@media(max-width:780px){
  .sidebar{width:min(340px,88vw);padding:20px 14px 18px}.mobile-side-close{margin-bottom:9px}.side-label{padding-left:8px;margin-bottom:8px}.level-nav{margin-bottom:6px}.level-nav>summary{min-height:50px;padding:7px 31px 7px 9px}.level-copy b{font-size:12.5px}.level-copy small{font-size:9.5px}.module-nav>summary{min-height:44px;padding-top:6px;padding-bottom:6px}.module-name{font-size:10.5px}.side-lessons a{font-size:10px;padding:6px 7px}.compact-progress{margin-top:12px}
}
@media(max-width:380px){
  .sidebar{width:92vw}.level-percent{display:none}.level-nav>summary{grid-template-columns:1fr;padding-right:29px}.module-nav>summary{grid-template-columns:24px minmax(0,1fr) auto}.module-mini-progress{max-width:72px}
}

/* ===== UX 4.4: guided route, state, prerequisites, evaluation, search and performance ===== */
.status-badge,.compat-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}
.status-badge.new{background:#f1f5f9;color:#526074;border-color:#e2e8f0}.status-badge.progress{background:#fff7e8;color:#8a4b08;border-color:#f6d79c}.status-badge.done{background:#edf8e7;color:#2e7d00;border-color:#cce7bd}
.compat-badge{background:#eef4ff;color:#244a8f;border-color:#d8e5ff}.compat-badge[title]{cursor:help}
.compat-inline{margin-top:10px!important;padding:9px 11px;border-left:3px solid #f1b84b;background:#fffaf0;border-radius:0 9px 9px 0;font-size:11px!important;color:#68512d!important;max-width:900px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cbd5e1;margin-right:4px}.status-progress .status-dot{background:#e5a21a}.status-done .status-dot{background:var(--green)}
.continue-side{color:var(--green-dark)!important;background:#f5faef;margin-top:5px!important}

.guided-path{margin:28px 0;border:1px solid #dfe8da;background:linear-gradient(120deg,#fbfef9,#f7fbff);border-radius:20px;padding:22px}.guided-path-head h2{font-size:20px;margin:5px 0}.guided-path-head p{font-size:12px;color:var(--muted)}.guided-path ol{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.guided-path li{min-width:0;position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;padding:12px 10px;background:#fff;border:1px solid var(--line);border-radius:12px}.guided-path li:after{content:'›';position:absolute;right:-7px;top:26px;color:#9aaa9c;font-size:17px;z-index:2}.guided-path li:last-child:after{display:none}.guided-path li.done{border-color:#cce7bd;background:#f4fbef}.guided-path li.progress{border-color:#f2d6a3;background:#fffaf1}.path-no{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eef3f7;color:#65758a;font-size:9px;font-weight:850}.guided-path li.done .path-no{background:#daf0cd;color:var(--green-dark)}.guided-path li.progress .path-no{background:#fff0d1;color:#8a4b08}.guided-path strong{font-size:11px;display:block}.guided-path small{font-size:9.5px;color:var(--muted);line-height:1.35;display:block;margin-top:3px}.guided-path a{grid-column:1/-1;margin-top:4px;font-size:9.5px;font-weight:800;display:flex;align-items:center;gap:4px;color:var(--green-dark)}.guided-path a .icon{width:13px;height:13px}

.prereq{padding:12px 0 2px;border-top:1px solid #edf1f5;margin-top:13px}.prereq>strong{display:block;font-size:10px;color:#475569;margin-bottom:7px}.prereq>div{display:flex;gap:6px;flex-wrap:wrap}.prereq small{display:block;color:var(--muted);font-size:9.5px;margin-top:7px}.prereq.compact{margin:13px 0 4px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.prereq.compact>strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.prereq-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:8px;background:#f3f6f8;color:#506074;font-size:9.5px;font-weight:700;border:1px solid #e4eaf0}.prereq-chip.done{background:#eff9e9;color:var(--green-dark);border-color:#d5ebc8}.prereq-chip.progress{background:#fff8eb;color:#80521a;border-color:#f3dbad}.prereq-chip:hover{filter:brightness(.98)}

.module-card.status-progress{border-color:#efd5a3}.module-card.status-done{border-color:#cfe7c3}.module-continue{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:12px;font-size:10px;font-weight:800}.module-continue .icon{width:14px;height:14px}.course-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.course-group-head p{font-size:11px;color:var(--muted);margin-top:3px}

.level-eval-card{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 10px;border-radius:11px;border:1px solid #e3eaf0;background:#fafcfe;color:var(--ink);max-width:290px}.level-eval-card>span{width:28px;height:28px;display:grid;place-items:center;background:#eef3f7;border-radius:8px;font-size:9px;font-weight:850;color:#607087}.level-eval-card>div{min-width:0;flex:1}.level-eval-card strong{display:block;font-size:10px;line-height:1.25}.level-eval-card small{display:block;font-size:8.5px;color:var(--muted);margin-top:2px}.level-eval-card>.icon{width:14px;height:14px;color:#94a3b8}.level-eval-card.passed{border-color:#cfe7c3;background:#f4fbef}.level-eval-card.passed>span{background:#dff2d4;color:var(--green-dark)}.level-nav-body>.level-eval-card{margin:7px 6px 4px 0;max-width:none}.level-eval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.level-eval-grid .level-eval-card{max-width:none;background:#fff}

.evaluation-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:25px;margin-bottom:20px}.evaluation-intro h2{font-size:21px;margin:12px 0 6px}.evaluation-intro p{color:var(--muted);font-size:12px}.evaluation-last{margin-top:10px!important}.evaluation-form{display:grid;gap:12px}.evaluation-question{margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}.evaluation-question legend{font-weight:800;font-size:12px;padding:0 6px;line-height:1.45}.evaluation-question legend span{display:inline-grid;place-items:center;width:24px;height:24px;background:#f0f4f7;border-radius:7px;margin-right:8px;font-size:9px;color:#66758a}.evaluation-question label{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;margin-top:6px;border-radius:9px;border:1px solid transparent;font-size:11px;cursor:pointer}.evaluation-question label:hover{background:#f8fafc}.evaluation-question input{margin-top:3px;accent-color:var(--green)}.evaluation-question.eval-correct{border-color:#bfe0ae;background:#f6fcf2}.evaluation-question.eval-wrong{border-color:#f0c6c6;background:#fff8f8}.evaluation-question.eval-correct legend span{background:#dff2d4;color:var(--green-dark)}.evaluation-question.eval-wrong legend span{background:#fee2e2;color:#b91c1c}#levelEvalFeedback:empty{display:none}#levelEvalFeedback{margin:6px 0}

.search-empty{padding:24px 2px}.search-empty strong{font-size:13px}.search-empty p{font-size:11px;color:var(--muted);margin-top:5px}.search-summary{font-size:10px;color:var(--muted);margin:14px 0 7px}.search-group{margin-top:13px}.search-group h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#748094;margin:0 0 5px}.search-results .search-group a{display:grid;grid-template-columns:90px minmax(0,1fr);gap:2px 10px;padding:10px 11px;border-radius:10px;border-bottom:0;margin:3px 0}.search-results .search-group a:hover{background:#f6f9fb}.search-results .search-kind{grid-row:1/3;align-self:center;font-size:8.5px;font-weight:850;color:#728096;text-transform:uppercase}.search-results .search-group strong{font-size:11px;color:#233044;white-space:normal}.search-results .search-group small{font-size:9px;color:var(--muted)}

/* Render long lists only when they approach the viewport. */
.module-card,.file-card,.video-card,.evaluation-question{content-visibility:auto;contain-intrinsic-size:1px 260px}.figure-card{content-visibility:auto;contain-intrinsic-size:1px 210px}

/* Accessibility and touch targets. */
.iconbtn{width:44px;height:44px}.btn{min-height:44px}.btn.small{min-height:40px}.side-main,.module-nav>summary,.level-nav>summary{min-height:44px}.side-lessons a{min-height:36px}.search-results a{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media (forced-colors:active){.status-badge,.compat-badge,.prereq-chip,.level-eval-card,.guided-path li{border:1px solid CanvasText}.bar>span,.level-progress span,.module-mini-progress i{background:Highlight}.status-dot{background:CanvasText}}

@media(max-width:1180px){.guided-path ol{grid-template-columns:repeat(3,minmax(0,1fr))}.guided-path li:nth-child(3):after{display:none}}
@media(max-width:780px){.guided-path{padding:17px 14px;margin:20px 0}.guided-path ol{grid-template-columns:1fr;gap:6px}.guided-path li{grid-template-columns:30px minmax(0,1fr) auto;align-items:center}.guided-path li:after{display:none}.guided-path a{grid-column:auto;margin:0;font-size:0}.guided-path a .icon{width:18px;height:18px}.course-group-head{align-items:stretch;flex-direction:column}.course-group-head .level-eval-card{max-width:none}.level-eval-grid{grid-template-columns:1fr}.evaluation-intro{grid-template-columns:1fr}.evaluation-intro .progress-ring{display:none}.search-results .search-group a{grid-template-columns:1fr}.search-results .search-kind{grid-row:auto}.compat-badge{white-space:normal}.prereq.compact{margin-top:10px}}

/* v4.5 · Atajos visuales */
.shortcut-board{display:grid;gap:18px;margin-bottom:20px}.shortcut-group{padding:0;overflow:hidden}.shortcut-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fbfdf9}.shortcut-head h3{font-size:15px}.shortcut-table{display:grid}.shortcut-row{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(150px,1fr) minmax(150px,1fr);gap:12px;align-items:center;padding:13px 20px;border-top:1px solid #edf1f6}.shortcut-row:first-child{border-top:0}.shortcut-row-head{background:#f7f9fc;color:#64748b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.shortcut-row>div:first-child strong{display:block;font-size:12px}.shortcut-row small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}.key-combo{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.keycap{display:inline-flex;min-width:34px;min-height:32px;align-items:center;justify-content:center;padding:4px 9px;border:1px solid #b7c1cd;border-bottom-width:3px;border-radius:7px;background:linear-gradient(#fff,#f3f6f9);box-shadow:0 1px 0 rgba(15,23,42,.05);color:#172033;font:700 11px/1.1 Inter,system-ui,sans-serif;white-space:nowrap}.key-plus{font-size:12px;color:#8491a3;font-weight:800}.shortcut-row:hover{background:#fbfef9}@media(max-width:760px){.shortcut-row{grid-template-columns:1fr;gap:8px}.shortcut-row-head{display:none}.shortcut-row>div:nth-child(2)::before,.shortcut-row>div:nth-child(3)::before{display:block;font-size:9px;font-weight:800;color:#7b8798;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.shortcut-row>div:nth-child(2)::before{content:'Windows'}.shortcut-row>div:nth-child(3)::before{content:'Mac'}.keycap{min-height:36px;min-width:38px}}
/* v4.5.1 · Vista equilibrada de imágenes: tamaño medio + ampliación bajo demanda */
.evidence-thumb{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:22px;align-items:center;padding:20px}
.evidence-thumb img{display:block;width:100%;height:240px;max-height:280px;object-fit:contain;object-position:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:8px}
.evidence-thumb:hover img,.figure-card:hover img{border-color:#a9ce96;background:#fbfef9}
.figure-card{display:flex;flex-direction:column;height:100%}
.figure-card img{height:200px;max-height:220px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}
.image-expand{display:inline-flex;align-items:center;gap:6px;color:var(--green-dark);font-size:11px;font-weight:750;margin-top:8px}
.image-expand .icon{width:15px;height:15px}
@media(max-width:1100px){.evidence-thumb{grid-template-columns:1fr}.evidence-thumb img{width:100%;height:auto;max-height:240px}}
@media(max-width:680px){.evidence-thumb{grid-template-columns:1fr;padding:16px;gap:14px}.evidence-thumb img{width:100%;height:auto;max-height:260px;padding:6px}.figure-card img{height:190px;max-height:210px}}
@media(max-width:480px){.evidence-thumb img{width:100%;height:auto;max-height:220px}.figure-card img{height:165px;max-height:185px}}