/* Offline compatibility styles */
@media print {
    .no-print { display: none !important; }
}

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Basic responsive layout */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    .container {
        padding: 10px;
    }
}

/* Hide potentially problematic elements */
iframe[src*="youtube"],
iframe[src*="google"],
iframe[src*="facebook"] {
    display: none;
}