/* --- Mobile-specific overrides --- */
        /* Sidebar is handled by os-desktop.css responsive rules */

        @media (max-width: 640px) {
            .hp-wrapper {
                grid-template-columns: 1fr;
            }
            .hp-center {
                padding: 16px;
            }
            .hp-center::before { display: none; }
            .hp-right {
                position: static;
                height: auto;
                flex-direction: column;
                gap: 12px;
                padding: 12px 16px;
            }
            .hp-widget {
                min-width: 0;
            }
            .page-content-wrap {
                padding: 16px 12px 48px;
            }
        }