/* ==========================================
   STANDARD DEVIATION CALCULATOR - NON-CRITICAL CSS
   ========================================== */
.number-input { transition: all 0.2s ease; }
.primary-result { transition: all 0.3s ease; }
.formula-box { animation: fadeIn 0.3s ease; }
.metric-card { animation: fadeIn 0.3s ease; }

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(5px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.steps-box { animation: slideIn 0.3s ease; }
@keyframes slideIn { 
    from { opacity: 0; transform: translateY(-10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

@media (max-width: 768px) {
    .number-input { min-height: 150px; font-size: 0.9375rem; }
    .deviation-table { font-size: 0.8125rem; }
    .deviation-table th, .deviation-table td { padding: 6px 8px; }
}