/* Mobile Responsiveness Improvements */
@media (max-width: 768px) {
    .hero-section {
        padding: 60px 0 40px;
    }

    .hero-section h1 {
        font-size: 2.5rem;
    }

    .page-header {
        padding: 60px 0 40px;
    }

    .page-header h1.display-4 {
        font-size: 2.2rem;
    }

    .section-title {
        font-size: 1.75rem;
    }

    .tool-card {
        margin-bottom: 1rem;
        padding: 1.25rem;
    }

    .feature-box {
        margin-bottom: 1.5rem;
    }

    .footer {
        text-align: center;
    }

    .footer .col-md-4 {
        margin-bottom: 2rem;
    }

    .footer .social-icons {
        justify-content: center;
        display: flex;
    }

    .navbar-brand {
        font-size: 1.2rem;
    }

    /* Ensure tables scroll on mobile */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}