/* Improve readability */
body {
    line-height: 1.6;
}

/* Code & output blocks */
pre {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.9rem;
}

/* Headings spacing */
h1, h2, h3 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

/* Mobile-friendly buttons */
button {
    min-width: 120px;
}

/* Improve form spacing on mobile */
@media (max-width: 576px) {
    textarea {
        font-size: 0.9rem;
    }
}

/* Hero gradient */
.hero-gradient {
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
}

/* Card hover effect */
.tool-card:hover,
.calculator-card:hover {
    transform: translateY(-4px);
    transition: all 0.2s ease-in-out;
}

/* Buttons consistency */
.btn-sm {
    padding: 0.4rem 0.75rem;
}