.hyperparameter-optimizer{width:100%;max-width:1200px;margin:3rem auto;padding:0 1rem}.intro-context p{margin:0;color:var(--color-text-primary);line-height:1.6;font-size:.9375rem}.tldr-icon{font-size:2.5rem;filter:grayscale(0)}.tldr-label{font-size:.875rem;color:var(--color-text-primary);font-weight:500;margin-bottom:.5rem}.tldr-detail{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.techniques-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.technique-card{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:8px;padding:1.5rem;transition:all .2s ease;cursor:pointer}.technique-card:hover{border-color:var(--color-border-medium);transform:translateY(-1px)}.technique-card.expanded{border-color:var(--color-brand-primary)}.technique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.technique-title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.technique-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.technique-category{font-size:.75rem;font-weight:600;color:var(--color-brand-primary);background:var(--color-bg-secondary);padding:.25rem .75rem;border-radius:6px;letter-spacing:.5px;border:1px solid var(--color-border-medium)}.technique-chevron{font-size:1.25rem;color:var(--color-text-primary);transition:transform .3s ease}.technique-card.expanded .technique-chevron{transform:rotate(180deg)}.quick-info{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.quick-info .detail-info{font-size:.9rem;color:var(--color-text-primary);padding:.75rem;background:var(--color-bg-secondary);border-radius:6px;flex:1;min-width:200px}.technique-details{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--color-border);animation:fadeIn .3s ease}.detail-text{font-size:.95rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:.75rem}.detail-info{font-size:.9rem;color:var(--color-text-primary);padding:.75rem;background:var(--color-bg-secondary);border-radius:6px;margin-top:.75rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-item{padding:1rem;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-medium)}.metric-item-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-item-value{font-size:1rem;color:var(--color-text-primary);font-weight:600}.pros-cons-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.pros-column,.cons-column{padding:1rem;border-radius:8px;border:1px solid var(--color-border-medium)}.pros-column{background:#22c55e0d;border-color:#22c55e4d}.cons-column{background:#ef44440d;border-color:#ef44444d}.pros-heading:before{content:"✓";color:var(--color-success);margin-right:.5rem}.cons-heading:before{content:"✗";color:var(--color-danger);margin-right:.5rem}.detail-list li{font-size:.9rem;color:var(--color-text-primary);padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.pros-column .detail-list li:before{content:"•";color:var(--color-success);font-weight:700;position:absolute;left:0}.cons-column .detail-list li:before{content:"•";color:var(--color-danger);font-weight:700;position:absolute;left:0}.example-heading:before{content:"•";margin-right:.5rem;font-weight:700;color:var(--color-brand-primary)}.example-text{font-size:.95rem;line-height:1.7;color:var(--color-text-primary);margin:0}.comparison-summary{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:12px;padding:2rem;margin-top:3rem}.comparison-table{display:flex;flex-direction:column;gap:.5rem}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:1rem;padding:1rem;border-radius:8px;align-items:center}.header-row{background:#3b82f6;color:#fff;font-weight:700;font-size:.9rem}.comparison-row:not(.header-row){background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);transition:all .2s ease}.comparison-row:not(.header-row):hover{background:var(--color-bg-tertiary);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.comparison-cell{font-size:.875rem;color:var(--color-text-primary)}.comparison-cell.tech-name{font-weight:700;color:var(--color-text-primary)}.header-row .comparison-cell{color:#fff}@media (max-width: 1024px){.tldr-metrics{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr}.comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;font-size:.8rem}}@media (max-width: 768px){.hyperparameter-optimizer{padding:0 .5rem}.intro-context{padding:.875rem 1.25rem}.intro-context p{font-size:.875rem}.tldr-dashboard{padding:1.5rem}.tldr-metrics{grid-template-columns:1fr;gap:1rem}.category-filter{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.85rem}.technique-card{padding:1rem}.technique-name{font-size:1.25rem}.quick-metrics{gap:.5rem}.metric-badge{padding:.4rem .75rem}.pros-cons-section{grid-template-columns:1fr;gap:1rem}.comparison-table{overflow-x:auto}.comparison-row{min-width:600px}.comparison-summary{padding:1rem}}@media (max-width: 480px){.tldr-icon{font-size:2rem}.tldr-title{font-size:1.25rem}.tldr-value{font-size:1.1rem}.technique-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-heading{font-size:1rem}.detail-text,.example-text{font-size:.875rem}}.ml-concept-map{width:100%;max-width:1200px;margin:3rem auto;padding:0 1rem}.intro-context{background:var(--color-bg-secondary);border-left:4px solid var(--color-brand-primary);padding:1rem 1.5rem;margin-bottom:2rem;border-radius:8px}.intro-context p{margin:0;color:var(--color-text-secondary);line-height:1.6;font-size:.9375rem}.intro-context strong{color:var(--color-text-primary)}.tldr-dashboard{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:12px;padding:2rem;margin-bottom:2rem}.tldr-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tldr-icon{color:var(--color-brand-primary);filter:grayscale(0)}.tldr-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.tldr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.tldr-metric{text-align:center;padding:1rem;background:var(--color-bg-primary);border-radius:8px;border:1px solid var(--color-border-medium);transition:transform .2s ease}.tldr-metric:hover{transform:translateY(-2px);border-color:var(--color-brand-primary)}.tldr-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;margin-bottom:.5rem}.tldr-value{font-size:1.25rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:.25rem}.tldr-detail{font-size:.75rem;color:var(--color-text-tertiary);font-style:italic}.category-filter{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border-medium);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-brand-primary);background:var(--color-bg-secondary)}.filter-btn.active{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.concept-graph{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.concept-node{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:8px;padding:1.5rem;transition:all .2s ease;cursor:pointer}.concept-node:hover{border-color:var(--color-border-dark);transform:translateY(-1px)}.concept-node.expanded,.concept-node.selected{border-color:var(--color-brand-primary)}.node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.node-title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.node-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.node-category{font-size:.75rem;font-weight:600;color:#fff;padding:.25rem .75rem;border-radius:6px;letter-spacing:.5px}.node-chevron{font-size:1.25rem;color:var(--color-text-secondary);transition:transform .3s ease}.concept-node.expanded .node-chevron{transform:rotate(180deg)}.node-description{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.relationship-badges{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.relationship-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--color-border);font-size:.875rem}.relationship-badge.depends{background:#ef44440d;border-color:#ef44444d}.relationship-badge.enables{background:#22c55e0d;border-color:#22c55e4d}.badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.relationship-badge.depends .badge-icon{color:var(--color-red-500)}.relationship-badge.enables .badge-icon{color:var(--color-green-500)}.badge-text{color:var(--color-text-secondary);font-weight:500}.node-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);animation:fadeIn .3s ease}.detail-heading{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.detail-heading svg{color:var(--color-brand-primary)}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{font-size:.9rem;color:var(--color-text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.detail-list li:before{content:"•";color:var(--color-brand-primary);font-weight:700;position:absolute;left:0}.detail-list.challenges li:before{color:var(--color-orange-500)}.detail-list.practices li:before{color:var(--color-green-500)}.tools-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tool-badge{padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.tool-badge:hover{background:var(--color-bg-tertiary);border-color:var(--color-brand-primary)}.example-section{background:var(--color-bg-secondary);padding:1.5rem;border-radius:8px;border:1px solid var(--color-border-medium)}.example-text{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.workflow-summary{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:12px;padding:2rem;margin-top:3rem}.summary-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.workflow-path{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.workflow-step{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:8px;transition:all .2s ease}.workflow-step:hover{border-color:var(--color-brand-primary)}.step-number{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border-radius:50%;border:1px solid var(--color-brand-primary);flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:.25rem}.step-title{font-size:.95rem;font-weight:700;color:var(--color-text-primary)}.step-desc{font-size:.8rem;color:var(--color-text-tertiary)}.workflow-arrow{font-size:1.5rem;color:var(--color-text-tertiary);font-weight:700}@media (max-width: 1024px){.tldr-metrics{grid-template-columns:repeat(2,1fr)}.workflow-path{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}}@media (max-width: 768px){.ml-concept-map{padding:0 .5rem}.intro-context{padding:.875rem 1.25rem}.intro-context p{font-size:.875rem}.tldr-dashboard{padding:1.5rem}.tldr-metrics{grid-template-columns:1fr;gap:1rem}.category-filter{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.85rem}.concept-node{padding:1rem}.node-name{font-size:1.25rem}.node-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.relationship-badges{gap:.5rem}.relationship-badge{padding:.5rem .75rem;font-size:.8rem}.workflow-summary{padding:1rem}.workflow-step{width:100%;padding:1rem}}@media (max-width: 480px){.tldr-icon svg{width:2rem;height:2rem}.tldr-title{font-size:1.25rem}.tldr-value{font-size:1.1rem}.detail-heading{font-size:1rem}.detail-list li,.example-text{font-size:.875rem}.tools-grid{gap:.5rem}.tool-badge{padding:.4rem .75rem;font-size:.8rem}}.cv-comparison{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin:2rem 0}.cv-intro-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:2rem}.intro-icon{flex-shrink:0;width:24px;height:24px;color:#3b82f6}.filter-section{margin-bottom:2.5rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-heading);margin-bottom:1rem;padding-left:.25rem}.filter-label svg{color:#3b82f6}.cv-filters{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:flex-start;max-width:100%}.filter-button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;background:var(--card-bg);border:1px solid var(--color-border-medium);border-radius:8px;color:var(--color-text-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014;min-height:52px;flex:0 1 auto;width:auto;min-width:-moz-fit-content;min-width:fit-content}.filter-button:before{content:"";position:absolute;inset:0;background:var(--card-bg);z-index:0}.filter-button:hover:before{background:var(--bg-secondary)}.filter-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 10px #3b82f61f}.filter-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.filter-button.active:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.filter-button.active:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.filter-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.filter-text{position:relative;z-index:1;white-space:nowrap}.cv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.cv-card{background:var(--card-bg);border:1px solid var(--color-border-medium);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000000d;position:relative}.cv-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61f;transform:translateY(-2px)}.cv-card.selected{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;background:linear-gradient(to bottom,rgba(59,130,246,.02),var(--card-bg))}[data-theme=dark] .cv-card{box-shadow:0 1px 3px #0003}[data-theme=dark] .cv-card:hover{box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .cv-card.selected{box-shadow:0 8px 24px #3b82f640;background:linear-gradient(to bottom,rgba(59,130,246,.05),var(--card-bg))}.cv-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.cv-card-title{font-size:1.125rem;font-weight:700;color:var(--color-text-heading);margin:0;flex:1}.cv-card-expand{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0;margin-left:.75rem;box-shadow:0 2px 8px #3b82f64d;transition:all .3s ease}.cv-card:hover .cv-card-expand{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.cv-card.selected .cv-card-expand{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:rotate(45deg)}.cv-card-description{font-size:.9375rem;color:var(--color-text-body);line-height:1.6;margin-bottom:1rem}.cv-card-metrics{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.metric-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:6px;font-size:.75rem}.metric-badge.complexity{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.metric-badge.variance{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.metric-label,.metric-value{font-size:.75rem;font-weight:500;color:#fff!important}.cv-card-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:.875rem;font-weight:700;color:var(--color-text-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.section-note{font-size:.8125rem;color:var(--color-text-body);font-style:italic;margin-bottom:.75rem;opacity:.8}.detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.detail-list li{background:var(--bg-secondary);border-radius:6px;font-size:.875rem;color:var(--color-text-body);line-height:1.5;position:relative;padding:.625rem .875rem .625rem 2rem}.detail-list li:before{content:"•";position:absolute;left:.875rem;color:#3b82f6;font-weight:700}.detail-list.pros li:before{content:"✓";color:#10b981}.detail-list.cons li:before{content:"✗";color:#ef4444}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid #3b82f6}.detail-label{font-size:.75rem;color:var(--color-text-body);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:var(--color-text-heading);font-weight:600}.company-tags{display:flex;flex-wrap:wrap;gap:.5rem}.company-tag{padding:.5rem .875rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:.8125rem;font-weight:600}@media (max-width: 768px){.cv-comparison{padding:1.5rem}.filter-label{font-size:.875rem}.cv-filters{grid-template-columns:1fr;gap:.75rem}.filter-button{padding:.875rem 1rem;font-size:.8125rem;min-height:48px}.filter-icon svg{width:18px;height:18px}.cv-grid{grid-template-columns:1fr}.cv-card{padding:1.25rem}.cv-card-title{font-size:1rem}.cv-card-metrics{flex-direction:column}.metric-badge{width:100%;justify-content:space-between}.detail-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cv-intro-card{flex-direction:column;text-align:center}.cv-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.cv-card-expand{align-self:flex-end}}.bias-variance-tradeoff{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin:2rem 0}.bvt-intro-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ef44440d,#f973160d);border-left:3px solid #f97316;border-radius:8px;margin-bottom:2rem}.intro-icon{flex-shrink:0;width:24px;height:24px;color:#f97316}.intro-text{font-size:.9375rem;line-height:1.6;color:var(--color-text-body)}.intro-text strong{color:var(--color-text-heading);font-weight:600}.chart-container{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin-bottom:2rem}.chart-svg{width:100%;height:auto;max-width:600px;margin:0 auto;display:block}.curve-bias{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.curve-variance{filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.curve-total{filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-body)}.legend-color{width:20px;height:3px;border-radius:2px}.legend-color.bias{background:#3b82f6}.legend-color.variance{background:#8b5cf6}.legend-color.total{background:#ef4444;height:4px}.complexity-control{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.control-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.control-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text-heading)}.control-label svg{color:#f97316}.complexity-value{font-size:1.25rem;font-weight:700;color:#f97316;padding:.5rem 1rem;background:linear-gradient(135deg,#f973161a,#ef44441a);border-radius:8px}.slider-container{position:relative}.slider-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-body);font-weight:500}.complexity-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:1rem}.complexity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ef4444);cursor:pointer;box-shadow:0 2px 8px #f9731666;-webkit-transition:transform .2s ease;transition:transform .2s ease}.complexity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #f9731680}.complexity-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ef4444);cursor:pointer;border:none;box-shadow:0 2px 8px #f9731666;-moz-transition:transform .2s ease;transition:transform .2s ease}.complexity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #f9731680}.zone-markers{display:flex;justify-content:space-between;margin-top:.5rem}.zone-marker{flex:1;text-align:center;font-size:.75rem;font-weight:600;padding:.25rem;border-radius:4px}.zone-marker.underfitting{color:#ef4444;background:#ef44441a}.zone-marker.optimal{color:#10b981;background:#10b9811a;margin:0 .5rem}.zone-marker.overfitting{color:#f59e0b;background:#f59e0b1a}.metrics-display{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.metric-card{display:flex;gap:1rem;padding:1.25rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card.bias{border-left:1px solid #3b82f6}.metric-card.variance{border-left:1px solid #8b5cf6}.metric-card.total{border-left:1px solid #ef4444}.metric-icon{flex-shrink:0;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-card.bias .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.metric-card.variance .metric-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.metric-card.total .metric-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.metric-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.bvt-metric-label{font-size:.875rem;color:var(--color-text-body);font-weight:500}.bvt-metric-value{font-size:1.5rem;font-weight:700;color:var(--color-text-heading)}.metric-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.metric-fill{height:100%;border-radius:3px;transition:width .3s ease}.metric-fill.bias{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.metric-fill.variance{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.metric-fill.total{background:linear-gradient(90deg,#ef4444,#f87171)}.zone-info{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border-left:1px solid;animation:fadeIn .3s ease}.zone-info.underfitting{border-left-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#dc26260d)}.zone-info.optimal{border-left-color:#10b981;background:linear-gradient(135deg,#10b9810d,#0596690d)}.zone-info.overfitting{border-left-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#d977060d)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.zone-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.zone-icon{flex-shrink:0}.zone-title{font-size:1.25rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .5rem}.zone-description{font-size:1rem;color:var(--color-text-body);margin:0}.zone-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.zone-detail-item{padding:1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.zone-detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-body);margin-bottom:.5rem}.zone-detail-value{font-size:.9375rem;color:var(--color-text-heading);font-weight:500;line-height:1.5}.zone-solutions{background:var(--card-bg);border-radius:8px;padding:1.25rem;border:1px solid var(--border-color)}.zone-solutions h5{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-heading);margin:0 0 1rem}.zone-solutions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.zone-solutions li{background:var(--bg-secondary);border-radius:6px;font-size:.875rem;color:var(--color-text-body);line-height:1.5;position:relative;padding:.75rem 1rem .75rem 2.5rem}.zone-solutions li:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#f97316}.zone-solutions strong{color:var(--color-text-heading);font-weight:600}@media (max-width: 768px){.bias-variance-tradeoff,.chart-container{padding:1.5rem}.chart-legend{gap:1rem}.complexity-control{padding:1.25rem}.control-header{flex-direction:column;align-items:flex-start}.metrics-display{grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-card{flex-direction:column;align-items:stretch;text-align:center;padding:.875rem .75rem;gap:.5rem}.metric-icon{width:40px;height:40px;margin:0 auto}.metric-icon svg{width:20px;height:20px}.metric-content{width:100%}.bvt-metric-label{font-size:.8125rem}.bvt-metric-value{font-size:1.25rem}.metric-bar{width:100%;margin-top:.25rem}.zone-details{grid-template-columns:1fr}.zone-marker span{font-size:.65rem}}@media (max-width: 480px){.bvt-intro-card{flex-direction:column;text-align:center}.chart-legend{flex-direction:column;align-items:center;gap:.75rem}.metrics-display{grid-template-columns:repeat(2,1fr);gap:.625rem}.metric-card{flex-direction:column;align-items:stretch;text-align:center;padding:.75rem .625rem;gap:.5rem}.metric-icon{width:36px;height:36px;margin:0 auto}.metric-icon svg{width:18px;height:18px}.metric-content{width:100%;gap:.25rem}.bvt-metric-label{font-size:.75rem}.bvt-metric-value{font-size:1.125rem}.metric-bar{width:100%;height:4px;margin-top:.25rem}.zone-header{flex-direction:column;text-align:center}.zone-icon{margin:0 auto}}.training-pipeline-visualizer{background:var(--card-bg);border:2px solid var(--color-border-light);border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:var(--card-shadow)}.pipeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.pipeline-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #3b82f64d;flex-shrink:0}.pipeline-title-section h3{font-size:1.25rem;font-weight:700;color:var(--color-text-heading);margin:0}.pipeline-title-section p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.pipeline-stages{display:flex;flex-direction:column;gap:.75rem}.pipeline-stage{position:relative;padding:1.25rem;border-radius:8px;border:2px solid var(--color-border-light);background:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease}.pipeline-stage:hover{border-color:var(--color-brand-primary);background:var(--card-bg);box-shadow:0 8px 16px #0000001a;transform:scale(1.02)}[data-theme=dark] .pipeline-stage:hover{box-shadow:0 8px 16px #0000004d}.stage-content{display:flex;align-items:flex-start;gap:1rem}.stage-icon-column{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.stage-number{width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--color-text-secondary)}.stage-icon{width:24px;height:24px;transition:transform .15s ease}.pipeline-stage:hover .stage-icon{transform:scale(1.1)}.stage-text{flex:1;min-width:0}.stage-title{font-size:1.125rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .5rem}.stage-description{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .75rem;line-height:1.5}.stage-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-light);animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stage-details ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.stage-details li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--color-text-body);line-height:1.5}.stage-bullet{flex-shrink:0;margin-top:.25rem}.expand-indicator{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.expand-icon{width:20px;height:20px}.pipeline-stage:hover .expand-indicator{transform:scale(1.1)}.pipeline-stage.stage-expanded{border-color:var(--color-brand-primary);background:var(--card-bg)}.pipeline-stage.stage-expanded .expand-indicator{transform:rotate(0)}.stage-blue{color:#3b82f6}.stage-purple{color:#8b5cf6}.stage-green{color:#10b981}.stage-orange{color:#f59e0b}.stage-pink{color:#ec4899}.stage-indigo{color:#6366f1}.pipeline-arrow{display:flex;justify-content:center;padding:.25rem 0}.arrow-line{width:2px;height:24px;background:linear-gradient(to bottom,var(--color-border-medium),var(--color-border-light));border-radius:2px}.production-insight{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-light)}.insight-callout{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:6px;padding:1rem 1.25rem}[data-theme=dark] .insight-callout{background:#3b82f61a}.insight-callout p{font-size:.875rem;color:var(--color-text-body);margin:0;line-height:1.6}.insight-callout strong{color:#3b82f6;font-weight:600}.quick-stats{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.stat-box{background:var(--color-bg-secondary);border-radius:8px;padding:.75rem}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--color-text-secondary)}.stat-blue{color:#3b82f6}.stat-green{color:#10b981}.stat-purple{color:#8b5cf6}@media (hover: none){.pipeline-stage{padding-right:1rem}.expand-indicator{opacity:1}.pipeline-stage:hover{transform:none}.pipeline-stage:active{transform:scale(.98);transition:transform .1s ease}}@media (max-width: 768px){.training-pipeline-visualizer{padding:1rem}.pipeline-header{margin-bottom:1rem}.pipeline-title-section h3{font-size:1.125rem}.pipeline-title-section p{font-size:.8125rem}.pipeline-stage{padding:1rem}.stage-content{gap:.75rem}.stage-title{font-size:1rem}.stage-description,.stage-details li{font-size:.8125rem}.quick-stats{gap:.5rem}.stat-box{padding:.5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.6875rem}.production-insight{margin-top:1rem;padding-top:1rem}.insight-callout{padding:.75rem 1rem}.insight-callout p{font-size:.8125rem}}