.regression-lab-page{padding-top:18px}
.regression-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:64px 58px;border-radius:24px;background:linear-gradient(135deg,#e7edff,#f8f9ff 58%,#e1faf4)}
.regression-hero h1{max-width:820px;margin:0 0 18px;font-size:clamp(48px,5.3vw,72px);line-height:1.05;letter-spacing:-3px}
.regression-hero .lead{max-width:730px;color:#58647b}
.regression-hero-equation{display:grid;gap:12px;padding:37px;border:1px solid #d7daf0;border-radius:19px;background:#fff;box-shadow:var(--shadow);text-align:center}
.regression-hero-equation span,.regression-hero-equation small{color:var(--muted);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.regression-hero-equation strong{padding:23px 18px;border-radius:12px;background:#252d46;color:#fff;font:700 24px/1.6 'DM Mono',monospace}

.regression-context{margin-top:68px}.regression-context>header{text-align:center}.regression-context h2,.regression-normalization h2,.regression-toolbar h2,.regression-math h2,.regression-prediction-example h2,.regression-results h2{margin:0;font-size:36px;line-height:1.2;letter-spacing:-1px}
.regression-variable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}
.regression-variable-grid article{display:flex;gap:17px;min-height:220px;padding:25px;background:#fff;border:1px solid var(--line);border-top:4px solid #4e46e5;border-radius:13px}
.regression-variable-grid article:nth-child(2){border-top-color:#19a987}.regression-variable-grid article.output-variable{border-top-color:#f08345;background:#fff9f4}
.regression-variable-grid article>span{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:12px;background:#ecebff;color:var(--indigo);font:800 20px 'DM Mono'}
.regression-variable-grid article:nth-child(2)>span{background:#e4f9f4;color:#087c66}.regression-variable-grid .output-variable>span{background:#ffeadc;color:#aa5223}
.regression-variable-grid h3{margin:1px 0 8px;font-size:20px}.regression-variable-grid p{margin:0;color:var(--muted);font-size:16px!important}.regression-variable-grid code{display:block;margin-top:15px;color:#424d66;font:600 14px 'DM Mono'}
.regression-clarification{margin:17px 0 0;padding:19px 22px;border-left:5px solid #4e46e5;border-radius:0 10px 10px 0;background:#eeefff;color:#46516a!important;font-size:16px!important}
.linear-activation-note{display:grid;grid-template-columns:auto auto auto auto auto 1fr;gap:13px;align-items:center;margin-top:16px;padding:23px 25px;border:1px solid #dfe4ef;border-radius:13px;background:#fff}.linear-activation-note>div{display:grid;place-items:center;min-width:120px;min-height:92px;padding:12px;border:2px solid #9c98ee;border-radius:13px;text-align:center}.linear-activation-note>div:nth-of-type(2){border-color:#19a987;background:#ebfaf6}.linear-activation-note>div:nth-of-type(3){border-color:#ef8b4a;background:#fff4ec}.linear-activation-note span,.linear-activation-note strong{display:block}.linear-activation-note>div>span{color:var(--indigo);font:800 20px 'DM Mono'}.linear-activation-note>div>strong{margin-top:5px;font-size:13px}.linear-activation-note>i{color:var(--indigo);font-size:23px;font-style:normal}.linear-activation-note>p{margin:0;padding-left:10px;color:#56617a;font-size:15px!important}

.regression-normalization{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;margin-top:34px;padding:34px 38px;border-radius:16px;background:#e8faf6}
.regression-normalization p:last-child{margin:10px 0 0;color:#4b6762;font-size:16px!important}.normalization-formulas{display:grid;gap:10px}.normalization-formulas code{padding:16px 19px;border-radius:9px;background:#fff;color:#245e53;font:600 15px/1.65 'DM Mono',monospace}

.regression-experiment{margin-top:74px}.regression-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.regression-toolbar>div:first-child>p:last-child{margin:8px 0 0;color:var(--muted)}
.regression-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.regression-actions .button{min-height:50px}
.regression-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.regression-metrics article{padding:19px 21px;border:1px solid var(--line);border-top:4px solid #4e46e5;border-radius:11px;background:#fff}.regression-metrics article:nth-child(2){border-top-color:#e35c6e}.regression-metrics article:nth-child(3){border-top-color:#ef8b4a}.regression-metrics article:nth-child(4){border-top-color:#19a987}
.regression-metrics span,.regression-metrics strong{display:block}.regression-metrics span{color:var(--muted);font-size:12.5px;font-weight:800;letter-spacing:.6px}.regression-metrics strong{margin-top:6px;font:700 25px 'DM Mono'}
.regression-visuals{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.5fr);gap:18px}
.regression-card{min-width:0;padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}
.regression-card .card-top h2{margin:0;font-size:24px}.regression-plane-card canvas{aspect-ratio:1120/650;border:1px solid #e5e9f1;background:#fbfcff}
.regression-legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:14px}.regression-legend i{display:inline-block;margin-right:7px}.actual-point{width:12px;height:12px;border:3px solid #4e46e5;border-radius:50%}.prediction-plane{width:24px;border-top:8px solid rgba(25,169,135,.36)}.residual-line{height:15px;border-left:3px dashed #e35c6e}
.regression-equation-card{display:flex;flex-direction:column}.regression-equation-card>h2{margin:0 0 12px;font-size:25px}.regression-equation-card>p:not(.eyebrow){color:var(--muted);font-size:15px!important}
.live-regression-equation{margin:10px 0 20px;padding:19px;border-radius:10px;background:#252d46;color:#fff;font:700 17px/1.75 'DM Mono',monospace;overflow:auto}.live-regression-equation.practical{background:#e8faf6;color:#176759;border:1px solid #c6ebe2}
.coefficient-reading{display:grid;gap:8px;margin-top:auto}.coefficient-reading span{padding:12px 14px;border-radius:8px;background:#f4f5fa;color:#4f5a72;font-size:14px;line-height:1.6}.coefficient-reading strong{color:var(--indigo)}
.regression-error-card{margin-top:18px}.regression-error-card canvas{aspect-ratio:1120/390;border:1px solid #e5e9f1;background:#fbfcff}

.regression-math{margin-top:70px}.regression-math>header{max-width:860px}.regression-math>header>p:last-child{color:var(--muted)}
.regression-math-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.regression-math-grid>article{padding:23px;border:1px solid var(--line);border-radius:13px;background:#fff}.regression-math-grid>article.full{grid-column:1/-1}.regression-math-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#e8e7ff;color:var(--indigo);font:800 13px 'DM Mono'}.regression-math-grid h3{margin:12px 0 7px;font-size:21px}.regression-math-grid p{margin:0 0 13px;color:var(--muted);font-size:15px!important}
.regression-math-lines{display:grid;gap:6px;padding:18px 20px;border-radius:10px;background:#222a43;color:#f2f4fb;overflow:auto}.regression-math-lines code{font:600 15px/1.8 'DM Mono',monospace;white-space:normal}.regression-math-lines em{color:#92ebda;font-style:normal}.regression-math-lines strong{color:#ffca8d}
.regression-gradient-note{margin:17px 0 0;padding:19px 22px;border-left:5px solid #19a987;border-radius:0 10px 10px 0;background:#e6f9f4;color:#315f57!important;font-size:16px!important}

.regression-prediction-example{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:38px;padding:35px 38px;border-radius:16px;background:#eef0ff}.regression-prediction-example p:last-child{color:#56617a}.new-car-calculation{display:grid;gap:8px;padding:20px;border-radius:11px;background:#fff}.new-car-calculation code{font:600 15px/1.75 'DM Mono';color:#48536c}.new-car-calculation strong{display:block;margin-top:6px;color:#087c66;font:800 23px 'DM Mono'}
.regression-results{margin-top:54px;padding:31px;border:1px solid var(--line);border-radius:16px;background:#fff}.regression-results>header{display:flex;align-items:flex-start;justify-content:space-between;gap:35px}.regression-results>header>p{max-width:570px;margin:0;color:var(--muted);font-size:16px!important}.regression-table-wrap{margin-top:23px;overflow:auto;border:1px solid var(--line);border-radius:11px}
.regression-results-table{width:100%;border-collapse:collapse;font-size:16px;white-space:nowrap}.regression-results-table th,.regression-results-table td{padding:15px 14px;border-right:1px solid #e5e8f0;border-bottom:1px solid #e5e8f0;text-align:center}.regression-results-table th{background:#292f48;color:#fff;font-size:15px}.regression-results-table th:nth-last-child(-n+3){background:#4b46bc}.regression-results-table td.error-positive{color:#087c66;font-weight:800}.regression-results-table td.error-negative{color:#c34e5d;font-weight:800}.regression-results-table td:last-child{color:#a7582f;font-weight:800}.regression-results-table tbody tr:hover{background:#f5f6ff}

@media(max-width:1100px){.regression-visuals{grid-template-columns:1fr}.regression-equation-card{min-height:500px}.regression-variable-grid{grid-template-columns:1fr 1fr}.regression-variable-grid .output-variable{grid-column:1/-1}.regression-metrics{grid-template-columns:1fr 1fr}.linear-activation-note{grid-template-columns:1fr auto 1fr auto 1fr}.linear-activation-note>p{grid-column:1/-1;padding:8px 0 0}}
@media(max-width:800px){.regression-hero,.regression-normalization,.regression-prediction-example{grid-template-columns:1fr}.regression-hero{padding:42px 25px}.regression-hero h1{font-size:42px;letter-spacing:-1.8px}.regression-variable-grid,.regression-math-grid{grid-template-columns:1fr}.regression-variable-grid .output-variable,.regression-math-grid>article.full{grid-column:auto}.regression-toolbar,.regression-results>header{align-items:flex-start;flex-direction:column}.regression-actions{justify-content:flex-start}.regression-card,.regression-results{padding:21px}}
@media(max-width:540px){.regression-metrics{grid-template-columns:1fr}.regression-actions .button{width:100%}.regression-hero-equation{padding:22px}.regression-hero-equation strong{font-size:17px}.regression-context h2,.regression-normalization h2,.regression-toolbar h2,.regression-math h2,.regression-prediction-example h2,.regression-results h2{font-size:30px}.linear-activation-note{grid-template-columns:1fr}.linear-activation-note>i{display:none}}
