.yct-practice .catalog-layout {
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    align-items: start;
}

.yct-practice .progress {
    width: min(100%, 300px);
}

.yct-practice .player {
    grid-template-columns: minmax(0, 1fr);
}

.yct-practice :is(fieldset, h2)[tabindex="-1"] {
    scroll-margin-block-start: calc(var(--site-header-height) + 12px);
}

@media (max-width: 720px) {
    .yct-practice .catalog-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}