
/* Keep long visible TOCs readable without hiding any decision link. */
@media (max-width: 767px) {
    .p-toc.-capbox:not(.is-omitted):has(> .p-toc__list > li:nth-of-type(8)) {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
        padding-bottom: 16px !important;
    }
    .p-toc.-capbox:not(.is-omitted):has(> .p-toc__list > li:nth-of-type(8)) > .p-toc__list > li {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
    .p-toc.-capbox:not(.is-omitted):has(> .p-toc__list > li:nth-of-type(8)) > .p-toc__list > li > .p-toc__link {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}


@media (max-width: 767px) {
    .l-header__spNav {
        min-height: 44px !important;
        position: relative !important;
    }
    .l-header__spNav .p-spHeadMenu {
        min-height: 44px !important;
        height: 44px !important;
    }
    .l-header__spNav .p-spHeadMenu > li > a {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 4px 10px !important;
    }
    /* The nav is intentionally horizontal; show that more destinations continue right. */
    .l-header__spNav::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        width: 34px;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .98) 82%);
        transition: opacity .18s ease;
    }
    .l-header__spNav::before {
        content: "›";
        position: absolute;
        z-index: 3;
        top: 50%;
        right: 4px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        transform: translateY(-50%);
        border: 1px solid rgba(26, 75, 95, .18);
        border-radius: 999px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 1px 5px rgba(16, 55, 70, .14);
        color: #1a4b5f;
        font-size: 22px;
        font-weight: 700;
        line-height: 1;
        pointer-events: none;
        transition: opacity .18s ease;
    }
    .l-header__spNav.is-sp-nav-end::before,
    .l-header__spNav.is-sp-nav-end::after {
        opacity: 0;
    }
}
