/* Keep the mobile plan in its original position; desktop pairs it with the board. */
#desktop-puzzle-focus:empty { display: none; }
@media (min-width: 1024px) {
    #desktop-puzzle-focus:empty { display: block; }
    body.view-puzzles .puzzle-library-intro:has(#desktop-puzzle-focus) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
        align-items: center;
        gap: 26px;
    }
    #desktop-puzzle-focus { grid-column: 2; grid-row: 1; min-width: 0; }
    #desktop-puzzle-focus #daily-plan {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        margin: 0;
        padding: 0;
        gap: 14px;
    }
    #desktop-puzzle-focus .daily-plan-guide {
        display: grid;
        grid-template-columns: 130px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
    }
    #desktop-puzzle-focus .daily-plan-fox-orbit { width: 130px; }
    #desktop-puzzle-focus .daily-plan-orbit-puzzle { top: 5px; right: 8px; }
    #desktop-puzzle-focus .daily-plan-orbit-learn { right: 0; bottom: 44px; }
    #desktop-puzzle-focus .daily-plan-orbit-workout { left: 12px; bottom: 0; }
    #desktop-puzzle-focus .daily-plan-count { right: 6px; bottom: -4px; }
    #desktop-puzzle-focus .daily-plan-focus { margin: 0; min-width: 0; }
    #desktop-puzzle-focus .daily-plan-focus strong { font-size: 18px; white-space: normal; }
    #desktop-puzzle-focus .daily-plan-bubble { padding: 14px 20px 8px; }
    #desktop-puzzle-focus .daily-plan-bubble::before,
    #desktop-puzzle-focus .daily-plan-bubble::after { content: none; }
    #desktop-puzzle-focus #daily-plan .daily-plan-card { flex-basis: 100%; padding: 6px 14px 8px; gap: 4px; }
    body.view-puzzles .puzzle-library-intro:has(#desktop-puzzle-focus) > .puzzle-library-chooser {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        padding: 0;
        border: 0;
        background: none;
        box-shadow: none;
    }
    body.view-puzzles .puzzle-library-intro:has(#desktop-puzzle-focus) .puzzle-branches {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches > button {
        position: relative;
        display: flex;
        align-items: center;
        isolation: isolate;
        min-width: 0;
        min-height: 120px;
        padding: 16px;
        overflow: hidden;
        border: 1px solid #dedccc;
        border-radius: min(16px, var(--radius-limit, 14px));
        background: #fcf8ee;
        box-shadow: 0 2px 5px #2938230a;
        text-align: left;
    }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches > button img.scenic-art {
        position: absolute;
        inset: 0 -4% 0 auto;
        z-index: -2;
        width: 76%;
        height: 100%;
        max-width: none;
        border-radius: 0;
        object-fit: cover;
        pointer-events: none;
    }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches > button::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(90deg, #fcf8ee 10%, #fcf8eef5 30%, #fcf8eed6 49%, #fcf8ee26 85%), linear-gradient(0deg, #fcf8ee, #fcf8ee00 58%);
        pointer-events: none;
    }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches > button > span { width: 80%; }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches strong { color: #292c23; font-size: 18px; line-height: 1.2; }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches small { margin-top: 8px; color: #5c6253; font-size: 11px; text-transform: none; }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches > button:hover { border-color: #a2b293; }
    body.view-puzzles .puzzle-library-chooser .puzzle-branches > button:focus-visible { outline: 3px solid #81956d; outline-offset: 3px; }
    body.view-puzzles .puzzle-library-intro:has(.mobile-puzzle-launch[hidden]) #desktop-puzzle-focus { grid-column: 1 / -1; }
}
/* Reserve the shared header row while its navigation is being attached. */
@media (min-width: 1024px) {
    body.view-puzzles > .site-header {
        display: flex;
        width: min(1180px, calc(100% - 24px));
        max-width: none;
        height: 66px;
        box-sizing: border-box;
        margin: 12px auto 0;
        gap: 20px;
        overflow: visible;
    }
    body.view-puzzles > .site-header .wordmark { flex-shrink: 0; }
    body.view-puzzles > .site-header .site-header-actions { flex-shrink: 0; margin-left: auto; height: 64px; }
    body.view-puzzles > .site-header .site-header-actions > nav:empty { display: none; }
    body.view-puzzles > .home-hub-tabs-wrap { position: absolute; visibility: hidden; pointer-events: none; }
}