/* --- Tablet-specific overrides --- */
        /* Sidebar stays visible on tablets (>768px), handled by os-desktop.css */

        @media (min-width: 641px) and (max-width: 1024px) {
            .hp-wrapper {
                grid-template-columns: 1fr;
            }
            .hp-center {
                padding: 24px;
            }
            .hp-center::before { display: none; }
            .hp-right {
                position: static;
                height: auto;
                flex-direction: row;
                gap: 16px;
                padding: 12px 20px;
            }
            .hp-widget {
                flex: 1;
                min-width: 0;
            }
        }