@use "pane_main";
@use "pane_nav";
@use "pane_spacer";

.pane {
    margin: var(--spacing-large);
    min-width: 0;
}

@media (max-width: 600px) {
    .pane {
        width: calc((50% - var(--spacing-small)) * 2);
    }
}

@media (min-width: 601px) {
    nav.pane,
    .pane.spacer {
        gap: var(--spacing-medium);

        position: sticky;
        top: var(--spacing-large);
    }
}
