/* KrDance wide-screen adaptive layout.
 * The legacy shell capped all pages at 1280px, which left excessive empty
 * margins on 1600/1920/2K desktop viewports. Keep balanced gutters while
 * allowing the shared site container to grow fluidly on wide screens.
 */
:root {
    --hd-content: 2200px;
}

.hd-container {
    width: min(calc(100% - clamp(44px, 5vw, 112px)), var(--hd-content));
}

@media (max-width: 900px) {
    .hd-container {
        width: min(calc(100% - 28px), var(--hd-content));
    }
}

@media (max-width: 620px) {
    .hd-container {
        width: min(calc(100% - 22px), var(--hd-content));
    }

    .hd-mobile-nav.is-member {
        grid-template-columns: repeat(3, 1fr);
    }
}