/* Keep the search, all top-level links and the full course menu reachable. */
@media (max-width: 980px) {
    #krrec-preview-header .krrec-preview-header__navRowInner {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 0;
    }
    #krrec-preview-header .krrec-preview-header__navSearch {
        padding: 10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));
        z-index: 2;
    }
    #krrec-preview-header .krrec-preview-header__nav {
        display: block;
        min-width: 0;
        background: white;
        border-bottom: 1px solid #dce2eb;
    }
    #krrec-preview-header .krrec-preview-header__nav > ul {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 1px;
        margin: 0;
        padding: 0;
        background: #e8ecf2;
    }
    #krrec-preview-header .krrec-preview-header__navItem {
        display: flex;
        min-width: 0;
        padding: 0;
        background: #fff;
    }
    #krrec-preview-header .krrec-preview-header__navLink {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 44px;
        padding: 6px 3px;
        color: #1d3049 !important;
        -webkit-text-fill-color: #1d3049 !important;
        font-size: 14px;
        line-height: 1.35;
        font-weight: 650;
        letter-spacing: -.035em;
        text-align: center;
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: anywhere;
    }
    #krrec-preview-header .krrec-preview-header__navLink:active,
    #krrec-preview-header .krrec-preview-header__navLink:focus-visible {
        outline: 2px solid #003fe0;
        outline-offset: -3px;
        background: #eef3ff;
    }
    /* These links navigate on tap. The hamburger contains the subcategories. */
    #krrec-preview-header .krrec-preview-header__navArrow,
    #krrec-preview-header .krrec-preview-header__navSubmenu,
    #krrec-preview-header .krrec-preview-header__navItem--hasSubmenu::after {
        display: none;
    }
}
@media (max-width: 660px) {
    #krrec-preview-header .krrec-preview-header__nav > ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}