.education{max-width:1080px}.education header,.education section,.education footer{max-width:700px}.education h1{margin-bottom:20px}.education h2{font-size:23px;line-height:1.35;margin:8px 0 16px;letter-spacing:-.5px}.education section{padding:36px 0;border-top:1px solid #e6e9ee}.education header{padding-bottom:26px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin:0}.experiment{background:#f8faff;border:1px solid #e1e8f2;border-radius:8px;padding:22px;margin:22px 0 12px}.education button,.education select,.education input{font:inherit;border:1px solid #b6c7e0;border-radius:5px;background:white;color:#175cd3;padding:6px 12px}.education button{cursor:pointer}.education button:hover{background:#eaf1ff}.education button[aria-pressed=true]{background:#175cd3;color:white}.equation{display:flex;align-items:center;gap:20px;justify-content:center}.matrix,.vector{display:grid;gap:7px;border-left:2px solid #7386a3;border-right:2px solid #7386a3;padding:8px}.matrix{grid-template-columns:repeat(2,48px);text-align:center}.vector input{width:66px}.readout{font-variant-numeric:tabular-nums;margin-bottom:0;color:#194981}.hint{font-size:13px;color:#667281}.cells{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:18px}.cell{text-align:center;background:white;border:1px solid #dde5f0;border-radius:4px;padding:7px 1px;font-size:11px}.cell b{display:block;font-size:14px}.cell.selected{border:2px solid #175cd3;background:#eaf1ff}.controls{display:flex;gap:8px;flex-wrap:wrap}.generated{font-size:30px;letter-spacing:5px;min-height:55px;color:#175cd3}#slope{width:100%;max-height:220px}.matrix-scroll{max-height:300px;overflow:auto;margin-top:12px}.matrix-scroll table{border-collapse:collapse;font-size:10px;white-space:nowrap}.matrix-scroll td,.matrix-scroll th{padding:3px;border:1px solid #dce4ef;text-align:right}.education summary{cursor:pointer;color:#175cd3}.education footer{border-top:1px solid #e6e9ee;font-size:14px;color:#667281;padding-top:18px}@media(max-width:500px){.experiment{padding:14px}.cells{grid-template-columns:repeat(6,minmax(0,1fr))}.equation{gap:8px}.matrix{grid-template-columns:repeat(2,30px)}.vector input{width:55px}}

.name-slots{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:22px}.name-slot{text-align:center;border:1px solid #cbd5e1;border-radius:4px;background:white}.name-slot small{display:block;font-size:10px;color:#64748b}.name-slot b{font-size:21px}.name-slot.next{border:2px dashed #175cd3}.name-slot.current{background:#e5efff}.model-overview{display:grid;grid-template-columns:minmax(280px,1fr) 105px;gap:20px;min-width:430px}.model-overview h3{font-size:14px;margin:0 0 10px}.overview-scroll{overflow-x:auto}#overview-matrix svg{display:block;width:100%;height:456px}#overview-output{padding-top:24px;display:grid;grid-template-rows:repeat(27,16px)}.education .output-row{display:flex;justify-content:space-between;align-items:center;padding:0 5px;font-size:10px;border-radius:0;border:0;border-bottom:1px solid #e1e8f2;line-height:16px}.education .output-row.best{outline:2px solid #175cd3;outline-offset:-2px;background:#e5efff}.output-row:disabled{opacity:.6;cursor:default}


.equation .matrix{grid-template-columns:repeat(2,66px)}.equation .matrix input{width:66px;min-width:0;padding:6px}.equation .vector button{min-width:55px}@media(max-width:500px){.equation .matrix{grid-template-columns:repeat(2,46px)}.equation .matrix input{width:46px;padding:4px}.equation{gap:5px}.equation .matrix,.equation .vector{padding:4px}}

.equation{display:grid;grid-template-columns:max-content max-content;grid-template-rows:auto auto;gap:14px 40px;align-items:end;justify-content:center}.equation h3{font-size:12px;margin:0 0 8px;text-align:center;font-weight:600;color:#64748b}.calculation-block{grid-column:1;grid-row:2}.input-block{grid-column:2;grid-row:1;justify-self:center}.output-block{grid-column:2;grid-row:2;justify-self:center}.flow-down{display:block;text-align:center;color:#175cd3;line-height:1;margin-top:10px}.equation .vector{justify-content:center}.equation .output-block .vector button{width:66px}@media(max-width:500px){.equation{gap:12px 18px}.equation .output-block .vector button{width:55px}}

.model-overview{display:grid;grid-template-columns:max-content max-content;gap:22px 32px;min-width:max-content}.overview-input{grid-column:2;grid-row:1}.overview-calculation{grid-column:1;grid-row:2}.overview-result{grid-column:2;grid-row:2}.overview-table{border-collapse:collapse;font-size:12px;table-layout:fixed}.overview-table th,.overview-table td{min-width:58px;height:25px;padding:0 3px;text-align:center;border:1px solid #dce5f1;white-space:nowrap}.overview-table th{font-weight:600;background:#f1f5fb}.overview-table th:first-child{min-width:24px}.overview-table.weights td{min-width:38px}.overview-table .one{background:#175cd3;color:white;font-weight:bold}.overview-table .active-column{background:#e1ebff;border-left:2px solid #175cd3;border-right:2px solid #175cd3}#overview-output{padding:0;display:block}.education .overview-table .output-row{width:100%;height:24px;padding:0 2px;display:block;font-size:11px}.overview-scroll{max-height:1500px;overflow:auto;padding-bottom:16px}.model-overview h3{position:static}

#overview-input input{width:68px;padding:2px 5px;font-size:13px}.overview-table .selected-calculation td{background:#e1ebff}.overview-scroll{max-height:none}.model-overview{gap:20px 24px}.overview-table.weights td{min-width:56px}#overview-note{overflow-wrap:anywhere}

.overview-scroll{overflow:visible;max-height:none;padding-bottom:0}.model-overview{min-width:0;width:100%;grid-template-columns:minmax(0,1fr) 125px;gap:20px 16px}.overview-calculation{min-width:0}#overview-matrix{overflow-x:auto;max-width:100%;padding-bottom:12px}.overview-input,.overview-result{min-width:0;width:125px}#overview-input .overview-table,#overview-output .overview-table{width:100%}#overview-input .overview-table th,#overview-input .overview-table td,#overview-output .overview-table th,#overview-output .overview-table td{min-width:0}.model-overview h3{font-size:12px}@media(max-width:500px){.model-overview{grid-template-columns:minmax(0,1fr) 108px;gap:16px 10px}.overview-input,.overview-result{width:108px}}

#overview-matrix{overflow-x:scroll;scrollbar-gutter:stable}#overview-matrix .weights{width:824px;min-width:824px}#overview-matrix .weights td{min-width:100px;font-size:14px}#overview-matrix .weights th:first-child{width:24px}#overview-matrix::-webkit-scrollbar{height:12px}#overview-matrix::-webkit-scrollbar-track{background:#e6ecf5}#overview-matrix::-webkit-scrollbar-thumb{background:#879dbd;border-radius:6px;border:2px solid #e6ecf5}

.flying-token{position:fixed;z-index:1000;pointer-events:none;width:36px;height:36px;display:grid;place-items:center;background:#175cd3;color:white;border-radius:8px;font:700 18px system-ui;box-shadow:0 4px 14px #175cd344}.token-landed{animation:token-land .7s ease-out}@keyframes token-land{from{background:#c8ddff;box-shadow:0 0 0 5px #175cd333}to{background:white;box-shadow:none}}@media(prefers-reduced-motion:reduce){.token-landed{animation:none}}

.overview-result .output-row.best{position:relative}.click-best{position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#175cd3;color:white;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:650;pointer-events:none;z-index:2}

.model-overview .overview-input{grid-column:1 / -1;width:100%;min-width:0}#overview-input{overflow-x:auto}#overview-input .context-grid{width:100%;min-width:600px;table-layout:fixed}#overview-input .context-grid th,#overview-input .context-grid td{padding:0;min-width:0;font-size:10px}#overview-input .context-grid th:first-child{width:32px}#overview-input .context-grid button{display:block;width:100%;padding:0;border:0;border-radius:0;font-size:11px;height:25px;color:#64748b;background:white}#overview-input .context-grid button.one{background:#175cd3;color:white;font-weight:700}#overview-matrix .weights{width:max-content;min-width:16664px}#overview-matrix .weights td{min-width:80px}.overview-table .active-column{background:#e5efff}

.matrix-product .factor-selected{background:#e5efff;border:2px solid #175cd3}.matrix-product .matrix button{padding:6px;min-width:0;font-variant-numeric:tabular-nums}.matrix-product h3{max-width:160px}.matrix-product .output-block{width:auto}

#overview-matrix .weights{width:824px;min-width:824px}.intermediate-details{margin-top:18px}.intermediate-scroll{overflow:auto;max-height:360px}.intermediate-scroll td{min-width:58px}.intermediate-scroll .selected-calculation{background:#dbe9ff}.intermediate-scroll th{position:sticky;left:0}.intermediate-scroll thead th{top:0}.intermediate-details .hint{overflow-wrap:anywhere}

.model-overview{grid-template-columns:minmax(0,1fr) 34px 125px;gap:20px 10px}.model-overview .overview-result{grid-column:3;grid-row:2}.education .intermediate-trigger{grid-column:2;grid-row:2;align-self:center;justify-self:center;writing-mode:vertical-rl;padding:14px 6px;font-size:12px;font-weight:650;min-height:160px;background:#edf3ff}.model-overview .overview-input{grid-column:1/-1}#intermediate-dialog{width:min(1100px,94vw);max-height:90vh;border:1px solid #cbd5e1;border-radius:10px;padding:24px;color:#20252b;background:white;overflow:auto}#intermediate-dialog::backdrop{background:#14243b88}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{margin:0;font-size:22px}#intermediate-dialog .intermediate-scroll{max-height:55vh}#intermediate-dialog .hint{overflow-wrap:anywhere}#intermediate-dialog .sum-result{position:sticky;right:0;background:#e5efff;font-weight:700;border-left:2px solid #175cd3}#intermediate-dialog thead th:last-child{right:0;left:auto;z-index:3}@media(max-width:500px){.model-overview{grid-template-columns:minmax(0,1fr) 28px 108px;gap:16px 5px}.education .intermediate-trigger{padding:12px 3px}}

.error-table-wrap{margin-top:18px;max-height:410px;overflow:auto}.error-table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}.error-table th,.error-table td{padding:5px 10px;text-align:right;border-bottom:1px solid #dce5f1}.error-table th:first-child{text-align:left}.error-table thead th{position:sticky;top:0;background:#edf3ff;font-size:12px}.error-target{background:#dbe9ff;font-weight:700}.error-target th{border-left:3px solid #175cd3}

#derivative-dialog{width:min(800px,94vw);max-height:90vh;overflow:auto;padding:24px;border:1px solid #cbd5e1;border-radius:10px;color:#20252b;background:white}#derivative-dialog::backdrop{background:#14243b88}#derivative-math{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8fd;padding:18px;border-radius:6px;font:14px/1.8 ui-monospace,monospace}.education .error-math{padding:1px 7px;font-size:inherit}.education button:disabled{opacity:.5;cursor:default}

#derivative-math{display:block;width:100%;height:48vh;min-height:240px;max-height:65vh;resize:vertical;overflow:scroll;white-space:pre;border:1px solid #cbd5e1;box-sizing:border-box;margin:18px 0;font:14px/1.8 ui-monospace,Consolas,monospace}#derivative-explanation:empty{display:none}

#derivative-math{height:auto;min-height:190px;max-height:55vh;resize:none;padding:32px 22px;overflow:auto;white-space:normal;display:flex;align-items:center}#derivative-math math{font-size:25px;flex-shrink:0;white-space:nowrap;margin:0;min-width:max-content}

#overview-matrix .weights{width:max-content;min-width:17304px}#overview-matrix .weights td{min-width:80px}

.sample-math{overflow-x:auto;background:#f5f8fd;border:1px solid #e1e8f2;border-radius:6px;padding:22px;margin:20px 0}.sample-math math{font-size:22px;min-width:max-content;margin:0;text-align:left}

.context-picker{margin:18px 0 30px}.calculation-step{margin-top:28px}.model-overview{grid-template-columns:minmax(0,1fr) 135px;gap:18px 25px}.model-overview .overview-input{grid-column:2;grid-row:1;width:135px}.model-overview .overview-result{grid-column:2;grid-row:2;width:135px}.model-overview .overview-calculation{grid-column:1;grid-row:2}#flat-input{max-height:245px;overflow:auto}#flat-input table,#raw-product table{width:100%}#flat-input th,#flat-input td,#raw-product th,#raw-product td{min-width:0;font-size:11px}#flat-input .one{background:#175cd3;color:white}.final-calculation{border-top:1px solid #dce5f1;padding-top:22px;margin-top:30px}#overview-output .overview-table{width:100%}#overview-output .overview-table td,#overview-output .overview-table th{min-width:0;padding:3px 6px}#overview-output .best{position:relative}#overview-output .click-best{right:calc(100% + 3px)}#open-intermediate{margin-top:16px}@media(max-width:500px){.model-overview{grid-template-columns:minmax(0,1fr) 105px;gap:16px 10px}.model-overview .overview-input,.model-overview .overview-result{width:105px}.final-calculation{overflow-x:auto}}

.model-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.model-overview .overview-input,.model-overview .overview-result{width:100%;min-width:0}#raw-product{overflow-x:auto}#raw-product .intermediate-product{width:max-content;min-width:1644px}#raw-product td,#raw-product th{min-width:60px;font-size:12px}#flat-input .expanded-input{width:max-content;min-width:1100px}#flat-input td,#flat-input th{min-width:38px}#flat-input th:first-child{min-width:60px}#raw-product th:first-child,#flat-input th:first-child{position:sticky;left:0;background:#edf3ff}#raw-product,#overview-matrix{scrollbar-gutter:stable} @media(max-width:500px){.model-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.model-overview .overview-input,.model-overview .overview-result{width:100%}}

#cell-math-dialog{width:min(850px,94vw);max-height:90vh;padding:24px;border:1px solid #cbd5e1;border-radius:10px;background:white;color:#20252b}#cell-math-dialog::backdrop{background:#14243b88}#cell-math-text{display:block;width:100%;height:55vh;overflow:scroll;resize:vertical;white-space:pre;font:14px/1.7 ui-monospace,Consolas,monospace;background:#f5f8fd;border:1px solid #cbd5e1;border-radius:6px;padding:16px;margin-top:20px}.education .cell-math-button{border:0;background:transparent;padding:0 4px;width:100%;font-size:12px;border-radius:0}.education .cell-math-button:hover{background:#dbe9ff}

.model-overview .overview-calculation,.model-overview .overview-result{grid-row:1}

.model-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:24px 20px}.model-overview .overview-input{grid-column:2;grid-row:1;width:100%;min-width:0}.model-overview .overview-calculation{grid-column:1;grid-row:2}.model-overview .overview-result{grid-column:2;grid-row:2}.model-overview h3{text-align:center;margin-bottom:10px}#overview-input .context-grid{min-width:1644px;table-layout:fixed}#overview-input .context-grid th,#overview-input .context-grid td{width:60px}#overview-input .context-grid th:first-child{width:24px}#overview-input,#raw-product{border-left:2px solid #8799b1;border-right:2px solid #8799b1}#overview-matrix{border-left:2px solid #8799b1;border-right:2px solid #8799b1}@media(max-width:500px){.model-overview{gap:18px 12px}}

/* Use the available screen width for the large matrix exercise. */
.blog-main.education{max-width:none}.education #output-demo{max-width:none}.education #output-demo>p{max-width:700px}.cell-calculation{margin:24px 0}.cell-calculation #cell-math-text{height:200px;margin-top:12px}.overview-table .factor-column{background:#dbe9ff;box-shadow:inset 2px 0 #175cd3,inset -2px 0 #175cd3}#overview-input .factor-column button{background:#dbe9ff}#overview-input .factor-column button.one{background:#175cd3;color:white}#overview-matrix .selected-calculation td{background:#dbe9ff;border-top:2px solid #175cd3;border-bottom:2px solid #175cd3}

.context-examples{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.education .context-examples button{padding:4px 14px;border-radius:20px;font-size:14px;font-weight:650}

.education #input-appendix{max-width:none;margin-top:36px}#input-appendix>p{max-width:700px}.appendix-matrix{overflow-x:auto;margin:18px 0}.appendix-matrix table{width:100%;min-width:1050px}.appendix-matrix caption{text-align:left;font-weight:650;margin-bottom:10px}#appendix-name{width:150px}#input-appendix .controls{align-items:center}
