/* Mobile-specific styles for iPhone 16 Pro and similar devices */
@media screen and (max-width: 430px) {
    /* Reset body for mobile and prevent horizontal scroll */
    body {
        margin: 2px !important;
        padding: 0;
        overflow-x: hidden !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Prevent horizontal scroll on html */
    html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    
    /* Banner container full width with overflow control */
    .banner-container {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Banner table full width with overflow control */
    .banner-table {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Banner image responsive with overflow control */
    .banner-image {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Content container full width with overflow control */
    .content-container {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Main page container with overflow control */
    .main-page {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Reduce page padding */
    .page-padding {
        padding: 0px 8px 0px 8px !important;
    }
    
    /* Hide login cell in breadcrumb */
    .login-cell {
        display: none !important;
    }
    
    /* Navigation table responsive */
    .nav-table .vbmenu_control {
        font-size: 8px !important;
        padding: 3px 2px !important;
    }
    
    /* Hide all sidebars for clean mobile layout */
    .left-sidebar,
    .right-sidebar,
    .spacer-left,
    .spacer-right {
        display: none !important;
    }
    
    /* Make main content full width */
    .main-content {
        width: 100% !important;
        display: table-cell !important;
    }
    
    /* Hide sidebar elements specifically */
    .sidebar-nav,
    .sidebar-login,
    .sidebar-sponsors,
    .sidebar-stats,
    .sidebar-sponsors-right {
        display: none !important;
    }
    
    /* Hide center sponsors */
    .center-sponsors {
        display: none !important;
    }
    
    /* Ensure featured news and news archive are visible */
    .news-archive {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    /* Remove bottom spacing from news archive table */
    .news-archive + div {
        display: none !important;
    }
    
    /* Featured article adjustments */
    .alt1 img[align="left"] {
        width: 50px !important;
        height: 50px !important;
        padding: 3px !important;
    }
    
    /* Responsive text */
    .smallfont {
        font-size: 9px !important;
    }
    
    /* Ensure all tables are responsive and don't overflow */
    table {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Main content tables specifically */
    .main-content table {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* All table cells should not overflow */
    td, th {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
    }
    
    /* Word wrapping and prevent overflow */
    .alt1, .alt2 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Universal overflow prevention */
    * {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Prevent any element from causing horizontal scroll */
    .main-content * {
        max-width: 100% !important;
    }
    
    /* Footer links mobile styling */
    .footer-links {
        width: 100% !important;
        margin: 0 !important;
        margin-top: 0 !important;
        display: table !important;
    }
    
    .footer-links .tfoot {
        text-align: center !important;
        padding: 8px !important;
    }
    
    .footer-links .smallfont {
        font-size: 10px !important;
    }
    
    .footer-links a {
        color: #E0E0F6 !important;
        text-decoration: none !important;
        margin: 0 5px !important;
    }
}