/* Mobile-specific styles that can be loaded conditionally */
@media (max-width: 768px) {
    body {
        font-size: 14px;
        line-height: 1.4;
    }
    
    /* Global mobile improvements */
    .container {
        padding: 10px;
    }
    
    /* Ensure all images are responsive */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Better mobile navigation */
    nav {
        padding: 10px;
    }
    
    /* Mobile-friendly tables */
    table {
        font-size: 0.8rem;
    }
    
    /* Better mobile forms */
    input, textarea, select {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 10px;
    }
}