.mobile-nav-tools { display: none; }
@media (max-width: 900px) {
    .main-nav .mobile-nav-tools {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 44px;
        font-size: .72rem;
        color: var(--muted);
    }
    .mobile-nav-arrows:not([hidden]) { display: flex; gap: 4px; }
    .mobile-nav-arrows button {
        width: 44px;
        height: 44px;
        border: 1px solid var(--line);
        background: var(--white, #fffdf6);
        color: var(--ink);
        border-radius: 6px;
        font: inherit;
        font-size: 1.15rem;
        cursor: pointer;
    }
    .mobile-nav-arrows button:disabled { opacity: .35; cursor: default; }
    .main-nav .nav-inner {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        min-width: 0;
        max-width: 100%;
        height: 58px;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--red) var(--line);
    }
    .main-nav .nav-inner::-webkit-scrollbar { display: block; height: 4px; }
    .main-nav .nav-inner::-webkit-scrollbar-thumb { background: var(--red); border-radius: 4px; }
    .main-nav .nav-inner > a { flex: 0 0 auto; min-height: 44px; }
    .main-nav :focus-visible { outline: 2px solid var(--red); outline-offset: -3px; }
}