/* 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-rail-group--app .home-v6-nav-rail-button {
    min-height: 4rem;
    gap: .35rem;
    padding: .4rem .55rem;
    border-color: #dfd1f2;
    background: linear-gradient(135deg, #faf6ff 0%, #f1eaff 100%);
    box-shadow: 0 5px 16px rgba(101, 73, 151, .09), inset 0 1px 0 #fff;
}
.home-v6-page .home-v6-nav-rail-group--app .home-v6-nav-rail-button:hover,
.home-v6-page .home-v6-nav-rail-group--app .home-v6-nav-rail-button:focus-visible,
.home-v6-page .home-v6-nav-rail-group--app .home-v6-nav-rail-button[aria-expanded="true"] {
    border-color: #bca3e3;
    background: linear-gradient(135deg, #f5edff 0%, #e8ddfa 100%);
    box-shadow: 0 7px 18px rgba(101, 73, 151, .15), 0 0 0 2px rgba(139, 92, 246, .08);
}
.home-v6-page .home-v6-nav-app-art {
    display: block;
    flex: 0 0 3rem;
    width: 3rem;
    height: 2.75rem;
    object-fit: contain;
}
.home-v6-page .home-v6-nav-rail-group--app .home-v6-nav-rail-label {
    color: #40295f;
    font-size: .875rem;
    line-height: 1.35;
}
.home-v6-page .home-v6-nav-rail-group--app .home-v6-nav-rail-caret { color: #8064a7; }
.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; }