/* Both trainers keep all five main tabs visible on a phone. Game links wrap. */
/* Opted-in setup remains manually accessible even on tablets/foldables. */
.phone-training-details[data-preserve-open] > summary {
    display: list-item;
    min-height: 44px;
    padding-block: 12px;
    cursor: pointer;
    font-size: .85rem;
}
.phone-training-details[data-preserve-open] > summary:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
@media (max-width: 640px) {
    .app:has(.training-grid) .app-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }
    .app:has(.training-grid) .app-nav > .nav-btn {
        min-width: 0;
        padding-inline: 4px;
        font-size: .8rem;
    }
    .app:has(.training-grid) .app-nav > .nav-switch {
        text-align: center;
        justify-content: center;
    }
    #nav-game-link { grid-column: 1 / 4; }
    #nav-summit-link { grid-column: 4 / 6; }
}