/* Shared menu behavior on the home and teacher tool screens. */
.home-v6-page .home-v6-nav-rail-label { flex: 1; }
.home-v6-page .home-v6-nav-rail-caret { flex: 0 0 .65rem; color: #94a3b8; font-size: .6rem; transition: transform .15s; }
.home-v6-page .home-v6-nav-rail-button[aria-expanded="true"] .home-v6-nav-rail-caret { transform: rotate(90deg); color: #7c3aed; }
.home-v6-page .home-v6-nav-rail-group.home-v6-nav-area-start { margin-top: .3rem; padding-top: .45rem; border-top: 1px solid #e2e8f0; }
.home-v6-page .home-v6-nav-group.home-v6-nav-area-start { margin-top: .4rem; padding-top: .4rem; border-top: 1px solid #e2e8f0; }
.home-v6-page .home-v6-nav-rail-button[data-home-v6-nav-current="true"] { border-color: #c4b5fd; background: #f5f3ff; }
.home-v6-page .home-v6-nav-rail-button[data-home-v6-nav-current="true"] .home-v6-nav-rail-label { color: #5b21b6; }
.home-v6-page .home-v6-nav-rail-button:focus-visible { outline: 2px solid #8b5cf6; outline-offset: 2px; }
.home-v6-page .home-v6-nav-rail[data-js-bound="true"] {
    max-height: calc(100dvh - var(--main-nav-height, 88px) - 2rem);
    padding: .2rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

/* Shared favorites expose the same selected state for code and DB entries. */
[data-favorite-toggle][aria-pressed="true"] { color: #6d4bc3; background: #f0eafb; border-color: #c4b5e8; }

/* Keep the revised task names readable in these two menus. */
.home-v6-page :is([data-home-v6-nav-flyout="school_work"], [data-home-v6-nav-flyout="admin_doc"])[data-home-v6-nav-flyout] .home-v6-tool-title,
.home-v6-page [data-home-v6-nav="mobile"] :is([data-home-v6-nav-section="school_work"], [data-home-v6-nav-section="admin_doc"]) .home-v6-tool-title {
    font-size: .875rem;
}

.home-v6-page :is([data-home-v6-nav-flyout="school_work"], [data-home-v6-nav-flyout="admin_doc"]) .home-v6-nav-flyout-title {
    line-height: 1.35;
}

/* The app guide shares the rail flyout on home and teacher service screens. */
.home-v6-page .home-v6-nav-flyout--app { width: min(22rem, calc(100vw - 2rem)); padding: 0; }
.home-v6-page .home-v6-nav-flyout--app .teacher-app-guide__panel { width: 100%; margin: 0; padding: 1rem; border: 0; border-radius: 0; box-shadow: none; }