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

/* Hover States */
.mode-btn:hover:not(.active) { background: #f1f5f9; color: #334155; }
.fraction-stack input:hover, .whole-number-input input:hover { border-color: #cbd5e1; }

/* Focus Transitions */
.fraction-stack input, .whole-number-input input { transition: all 0.2s ease; }

/* Result Display Transitions */
.result-display { transition: all 0.3s ease; }

/* 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 */
.katex-inline { display: inline-block; vertical-align: middle; }

/* Mobile Adjustments */
@media (max-width: 768px) {
    .fraction-input-area { flex-direction: column; gap: 16px; }
    .whole-number-input.visible { margin-bottom: 8px; }
}