/* ==========================================
   DECIMAL TO FRACTION CALCULATOR - NON-CRITICAL CSS
   ========================================== */

/* Hover States */
.main-input:hover, .repeating-input:hover { border-color: #cbd5e1; }
.checkbox-wrapper:hover .custom-checkbox { border-color: #8b5cf6; }

/* Transitions */
.main-input, .repeating-input, .custom-checkbox { transition: all 0.2s ease; }

/* Result Display Animation */
.result-display { transition: all 0.3s ease; }
.fraction-item { animation: fadeIn 0.3s ease; }

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

/* Steps Box Animation */
.steps-box { animation: slideIn 0.3s ease; }

@keyframes slideIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* KaTeX Inline Styling */
.steps-box .katex { font-size: 1em; }
.fraction-item-value .katex { font-size: 1.2em; }

/* Mobile Adjustments */
@media (max-width: 768px) {
    .fraction-item-value .katex { font-size: 1em; }
}