/* Tesseract Lab v27.7 — non-invasive visual layer. All lesson/exam scripts untouched. */
:root{--bg:#f3f6fa;--white:#fff;--ink:#20354a;--navy:#123b5b;--blue:#176a9d;--light:#eaf3fa;--line:#dce6ee;--muted:#526d82;--good:#147454;--warn:#966218;--tl-shadow:0 9px 30px rgba(22,55,82,.055)}
body{font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif;font-size:15px;line-height:1.65;background:radial-gradient(circle at 80% 0%,#e8f3fa 0,transparent 34%),var(--bg);-webkit-font-smoothing:antialiased}
.sidebar{background:linear-gradient(175deg,#fff 0%,#f9fcff 100%);box-shadow:4px 0 26px rgba(25,63,94,.025)}
.brand{padding:9px 7px 18px;border-bottom:1px solid var(--line);margin-bottom:21px}.brand strong{font-size:19px;letter-spacing:-.65px}.brand small{font-size:10px;letter-spacing:1.6px;font-weight:750}
.navtitle{color:#6a8294;font-size:11px}.navbtn{min-height:45px;font-weight:600;font-size:13px;transition:background .18s,color .18s,transform .18s}.navbtn:hover{transform:translateX(2px)}.navbtn.active{background:#e6f2fb;color:#125e91;box-shadow:inset 3px 0 0 #217eae}
.top{height:auto;min-height:83px;background:rgba(255,255,255,.93)}.top h1{font-size:22px;font-weight:800;letter-spacing:-.7px}.content{max-width:1320px;padding-top:33px}
.hero{background:linear-gradient(116deg,#dfeef8 0%,#f5faff 50%,#fff 100%);border:1px solid #d2e5f1;border-radius:22px;padding:34px 36px;box-shadow:var(--tl-shadow)}.hero h2{font-size:clamp(24px,2.3vw,34px);letter-spacing:-1px}.hero p{color:#4b6a82;font-size:14px}
.card,.course-row,.lesson-nav,.lesson-body,.kpi{border-color:#dae6ef;box-shadow:var(--tl-shadow)}.card{border-radius:18px;padding:24px;transition:box-shadow .2s,transform .2s,border-color .2s}.card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,58,90,.1);border-color:#bdd7e8}.card h3{font-size:17px}.card-icon{border-radius:12px;background:#e5f2fb}.course-row{border-radius:15px;transition:border-color .2s,box-shadow .2s}.course-row:hover{border-color:#bdd7e8;box-shadow:0 9px 25px rgba(20,58,90,.08)}
.button{border-radius:10px;padding:10px 17px;min-height:40px;transition:background .15s,box-shadow .15s,transform .15s}.button:hover:not(:disabled){filter:none;transform:translateY(-1px);box-shadow:0 4px 14px rgba(20,75,110,.13)}.button.secondary{background:#fff}.pill{font-size:12px}
.lesson-body{border-radius:19px}.lesson-body h2{letter-spacing:-.6px}.step{border-radius:10px;min-height:41px}.step.selected{box-shadow:inset 3px 0 0 #217eae}.sim{border-radius:17px;background:#f8fbfe}.info{border-radius:11px}.progress{height:8px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #e0a23a!important;outline-offset:3px}.skip-link{position:fixed;top:-90px;left:16px;z-index:99999;background:#123b5b;color:white;padding:11px 18px;border-radius:9px}.skip-link:focus{top:12px}.noscript-alert{padding:14px;background:#fff1da;color:#673c09;text-align:center}
.source-lesson table{display:block;max-width:100%;overflow-x:auto}.source-lesson th{white-space:normal}
@media(max-width:1000px){.top{min-height:75px}.content{padding:24px}.hero{padding:27px}}
@media(max-width:650px){body{font-size:14px}.sidebar{padding:10px 12px}.brand{padding:5px 3px 10px;margin-bottom:7px;border-bottom:0}.navmain{gap:7px;padding:4px 0}.navbtn{min-height:44px;padding:10px 13px;border:1px solid #e0eaf1}.navbtn.active{border-color:#c5e0f1}.top{padding:14px 16px}.top h1{font-size:18px}.content{padding:16px}.hero{padding:23px;border-radius:18px}.card{padding:20px}.lesson-body{padding:19px}.button{min-height:44px}.field input,.field select{font-size:16px}.course-row{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}