/* Keep the full home actions on the dashboard, not on its single-section hubs. */
.learning-main:has(.app-shell.learning-category-shell) .learning-service-bar.is-home {display:none}
.learning-main:has(.app-shell.learning-category-shell) .app-shell {padding-top:20px}
.learning-category-shell .home-section {position:relative;margin-top:12px;padding-top:0;border-top:0}
.learning-category-shell .section-heading {align-items:flex-end;flex-direction:row;justify-content:space-between;gap:14px;margin-bottom:14px}
.learning-category-shell .section-heading h2 {font-size:25px}
.learning-category-shell .hub-keyboard-guide {position:static;display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 8px;max-width:none;margin:0 0 0 auto;padding:6px 9px;border:1px solid #d8ddea;border-radius:8px;background:#fff;color:#66728a;font-size:11px;line-height:1.35;box-shadow:0 7px 18px rgba(42,55,83,.05)}
.learning-category-shell .hub-keyboard-guide strong {color:#273550;font-size:12px}
.learning-category-shell .hub-keyboard-guide span {display:inline-flex;align-items:center;gap:3px;white-space:nowrap}

/* Reduce initial cover transfer while keeping the original artwork and dimensions. */
.learning-quick-cover {background-image:url('assets/optimized/learning-space-c2.webp')}
.learning-quick-cover.cover-one,.learning-quick-cover.cover-two,.learning-quick-cover.cover-three,.learning-quick-cover.cover-four {background-image:url('assets/optimized/learning-space-c2.webp')}
.word-list-cover[data-art="campus"] {background-image:url('assets/optimized/course-cover-campus-portrait.webp')}
.word-list-cover[data-art="classroom"] {background-image:url('assets/optimized/course-cover-classroom-portrait.webp')}
.word-list-cover[data-art="collage"] {background-image:url('assets/optimized/course-cover-collage-portrait.webp')}
.word-list-cover[data-art="new-concept"],.quiz-book-cover {background-image:url('assets/optimized/new-concept-international-school-portrait.webp')}
.home-book-grid .book-1.has-modern-cover .book-cover {background-image:url('assets/optimized/new-concept-book-1-cover.webp')}
.home-book-grid .book-2.has-modern-cover .book-cover {background-image:url('assets/optimized/new-concept-book-2-cover.webp')}
.home-book-grid .book-3.has-modern-cover .book-cover {background-image:url('assets/optimized/new-concept-book-3-cover.webp')}
.home-book-grid .book-4.has-modern-cover .book-cover {background-image:url('assets/optimized/new-concept-book-4-cover.webp')}

/* Keep cover artwork unobstructed and fit the whole illustration inside its frame. */
.learning-layout .page-head .sub {color:#182641}
.learning-main .word-list-card.has-portrait-cover .word-list-cover::after,
.learning-main .extension-card .extension-cover.extension-cover-portrait::after {content:none!important;display:none!important}
.learning-main .word-list-card.has-portrait-cover .word-list-cover-label,
.learning-main .extension-card .extension-cover-portrait .extension-cover-label {display:none!important}
.learning-main .word-list-cover-image,
.learning-main .extension-cover-image,
.learning-main .extension-cover-art {display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit}
.learning-main .extension-cover.extension-cover-portrait {background-image:none!important}

/* Keep keyboard feedback visible without adding a second frame around a textbook card. */
.word-list-card.has-portrait-cover.keyboard-nav-selected {outline:0!important;outline-offset:0;border-color:#6d63e8!important;box-shadow:none!important;transform:none!important}

@media(max-width:860px) {
  .learning-main:has(.app-shell.learning-category-shell) .app-shell {padding-top:18px}
  .learning-category-shell .section-heading {align-items:flex-start;flex-direction:column;gap:8px}
  .learning-category-shell .hub-keyboard-guide {justify-content:flex-start;max-width:100%;margin:0}
}
