/* StatLab 2.0 · blue analytical studio · desktop/tablet/mobile */
:root{color-scheme:dark;background:#071526;color:#e8f1ff}
body{background:radial-gradient(ellipse 65% 30% at 80% 5%,#153d71 0%,transparent 100%),linear-gradient(180deg,#09172a,#091321 38%,#071222)}
.top{background:rgba(9,23,43,.94);border-bottom-color:#264668;backdrop-filter:blur(14px)}
.logo{background:linear-gradient(135deg,#4aa8ff,#b8dcff);color:#071c34;box-shadow:0 5px 23px #13508f55}
.brand small,.muted,.lead,.stat span{color:#a8bed8}
.chip{border-color:#3d6f9f;color:#bfe1ff}.light{color:#a5c6ec}
nav{border-right-color:#1e3b58;overflow-y:auto;scrollbar-color:#2b587d transparent}
.nav-caption,.eyebrow,.nav-group{color:#77b6fb}.nav-group{font-size:.66rem;font-weight:800;letter-spacing:.11em;padding:23px 13px 7px;white-space:nowrap}
.nav{color:#abc4df;margin:2px 0;padding:10px 13px}.nav.active{background:linear-gradient(90deg,#235992,#1b385f);color:white}
.nav:hover{background:#15395a}
main{max-width:1440px}
h1 em{color:#80bfff}
.primary{background:linear-gradient(135deg,#60b6ff,#3386df);color:#071b33;box-shadow:0 4px 18px #235e9c44}.secondary{background:#1c436c;border-color:#356b9f;color:#e2f1ff}.ghost{color:#c3d7ee;border-color:#385a80}
.panel,.tile{background:linear-gradient(145deg,rgba(20,42,68,.96),rgba(13,29,51,.97));border-color:#294867;box-shadow:0 12px 35px #030b1522}
.tile .glyph{color:#85c7ff}.tile p{color:#adc3dc}
.course-tile{text-align:left;color:inherit;cursor:pointer;position:relative;overflow:hidden}.course-tile .glyph{display:inline-flex;min-width:47px;align-items:center;justify-content:center;background:#214975;border:1px solid #4075a6;border-radius:10px;padding:6px 9px;font-size:1.05rem;font-weight:800}.course-tile:hover{border-color:#65acff;transform:translateY(-2px)}
.controls label{color:#c4d8ed}.controls input,.controls select,.input-row input,.quiz input,.type-grid input,.type-grid select{background:#0b1d34;color:#edf6ff;border-color:#395d82}
input[type=range]{accent-color:#5fafff}.stat{background:linear-gradient(135deg,#163b67,#102c4e);border-color:#325779}.stat span,.stat small{color:#afcbe6}.stat strong{color:#8ed4ff}
.numberGrid input{background:#163d68;color:#eff9ff;border-color:#326a9b}.sortedNumbers span{background:#23466e;color:#d3eeff}
.tabs button{background:#143658;color:#b2cce6}.tabs button.active{background:#70beff;color:#08233e}
.explainer{color:#cee0f6}.explainer b{color:#91d2ff}.callout{background:#142d4c;border-left-color:#62a8ee;color:#d7e7fa}.callout.subtle{background:#112a48;border-color:#5eb8ce}code{background:#17375c;color:#c4e8ff}
.bar-track{background:#244364}.bar-fill{background:linear-gradient(90deg,#3586e2,#67d2e3)}.bar-row label{color:#c3d7ee}
.pathitem{background:#15365c;border-color:#3b6390;color:#e0ecfa}.pathitem span{color:#77c0ff}.progress{background:#203c59}.progress div{background:#6faef1}
.feedback.good{background:#0c4c4c;border-color:#288f90}.feedback.bad{background:#54302f;border-color:#ad5d61}
footer{border-color:#274765;color:#93b2cf}
.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.pipeline>div{background:linear-gradient(140deg,#204d80,#152d4c);border:1px solid #4479a8;border-radius:12px;padding:18px;position:relative}.pipeline b,.pipeline small{display:block}.pipeline span{color:#91caff;font-size:.76rem;font-weight:800}.pipeline b{font-size:1.12rem;margin:6px 0}.pipeline small{color:#bed3eb}.pipeline>div:not(:last-child):after{content:'→';position:absolute;right:-12px;top:30%;z-index:1;font-weight:800;color:#83c8ff}
.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:18px}.type-grid>div{border:1px solid #315674;border-radius:9px;background:#102a49;padding:14px}.type-grid b{color:#96ceff}.type-grid p{font-size:.88rem;margin:7px 0 0;color:#c1d3e5}.scenario{font-weight:700;font-size:1.23rem;color:#e9f5ff;background:#16375e;padding:16px;border-radius:10px;border:1px solid #325f90}
.chart.big{min-height:260px}.mini-table{overflow-x:auto;max-width:100%;max-height:405px;overflow-y:auto;margin:15px 0}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;background:#224e7e;color:white;padding:10px}.data-table td{border-bottom:1px solid #2c5176;padding:9px 10px;color:#d5e7f8}.data-table tr:nth-child(even){background:#14314f}
.splitbar{display:flex;height:43px;border-radius:8px;overflow:hidden;margin:20px 0}.splitbar>div{display:flex;align-items:center;justify-content:center;font-size:.79rem;font-weight:750;white-space:nowrap}.splitbar>div:first-child{background:#378de7;color:#04182d}.splitbar>div:last-child{background:#58bfba;color:#062a30}
.workbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0}.workbook{text-decoration:none;color:#e4f2ff;background:#112f53;border:1px solid #386891;border-radius:13px;padding:20px;display:flex;gap:9px;flex-direction:column;transition:.15s}.workbook:hover{border-color:#8bbffa;transform:translateY(-2px)}.workbook span{display:inline-block;font-size:.72rem;color:#8fc8ff;font-weight:800}.workbook b{font-size:1.04rem}.workbook small{color:#a9c8e5;line-height:1.4}.workbook strong{color:#7ac5ff;margin-top:10px;font-size:.8rem}
.formula-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}.formula-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #315b83;background:#122e51;border-radius:10px;padding:12px 14px;gap:12px}.formula-row strong{display:block;font-size:.81rem;margin:3px 0 9px}.formula-row code{display:block;overflow-wrap:anywhere;font-size:.8rem;color:#cbebff}.formula-row button{flex-shrink:0}
@media(min-width:1051px){nav{height:calc(100vh - 76px)}nav .nav-group:first-child{padding-top:8px}}
@media(max-width:1050px){nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.nav-group{display:none}nav .nav{padding:10px 13px}}
@media(max-width:680px){.pipeline{grid-template-columns:1fr}.pipeline>div:after{display:none}.workbook-grid,.type-grid{grid-template-columns:1fr}.formula-row{align-items:stretch;flex-direction:column}.brand small{font-size:.62rem}.brand strong{font-size:1rem}.top{gap:10px}.top .right button{font-size:.7rem;padding:7px 9px}.course-tile{min-height:135px}}