
.sidebar-title { padding: 10px 12px; margin-bottom: 8px; color: var(--text-main); }
.text-muted { color: var(--text-muted); }
.text-small { font-size: 0.875em; }
.text-center { text-align: center; }
.text-large { font-size: 1.2em; }
.text-bold { font-weight: bold; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-15 { margin-bottom: 15px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.section-header-main { margin-bottom: 15px; color: var(--text-main); }
.section-header-muted { color: var(--text-muted); margin-bottom: 5px; }
.result-card { background: var(--background-secondary); padding: 15px; border-radius: 8px; }
.result-card-highlight { background: var(--background-secondary); padding: 20px; border-radius: 12px; text-align: center; border: 1px solid var(--border); }
.result-card-total { background: var(--background); padding: 15px; border-radius: 8px; border-bottom: 4px solid var(--primary); }
.result-value-hero { font-size: 3em; font-weight: 800; color: var(--primary); }
.result-value-large { font-size: 1.5em; font-weight: bold; color: var(--text-main); }
.result-value-total { font-size: 1.5em; font-weight: 800; color: var(--primary); }
.result-training-hero { font-size: 2.5em; font-weight: 800; color: var(--primary); }
.result-training-total { margin-bottom: 10px; color: var(--text-muted); }
.result-box-estimates { font-size: 2em; font-weight: 800; color: var(--text-main); }
.result-box-estimates-primary { font-size: 2em; font-weight: 800; color: var(--primary); }
.table-container { overflow-x: auto; }
.table-cost { width: 100%; border-collapse: collapse; color: var(--text-main); }
.table-header { border-bottom: 2px solid var(--border); text-align: left; }
.table-th { padding: 10px; }
.icon-robot { background: #e0f2fe; color: #0369a1; }
.icon-brain { background: #f0fdf4; color: #166534; }
.icon-grad { background: #fff7ed; color: #9a3412; }
.icon-abc { background: #faf5ff; color: #6b21a8; }
.icon-chart { background: #eff6ff; color: #1e40af; }
.icon-palette { background: #ecfdf5; color: #047857; }
.back-btn-container { margin-top: 40px; text-align: center; }
.back-btn { display: inline-block; width: auto; }
.prose-container { margin-top: 40px; max-width: 800px; }
.media-section { margin-bottom: 20px; border-bottom: 1px solid var(--border); padding-bottom: 20px; }
