/* Shared learning catalog styling; no song or artist selectors. */
.article-topics { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.article-topics a { padding:10px 15px; border:1px solid #c8ded0; border-radius:24px; text-decoration:none; color:#215d46; background:#f2f8f4; font-size:14px; }
.article-topics a:hover { background:#dfefe5; }
.article-group-heading { grid-column:1/-1; font-size:25px; color:#214535; margin:16px 0 0; scroll-margin-top:100px; }
.he-learning-archive .content-card--article .content-card__footer > span { display:inline; font-size:12px; color:#637568; }
.he-learning-archive .content-card--article .content-card__footer { justify-content:space-between; }
.he-learning-archive { background:#f5f7f6; }
.he-learning-archive .archive-header { background:linear-gradient(110deg,#f0f6f3,#fafcfb); border-bottom:1px solid #e0e8e3; padding:24px 0 28px; }
.he-learning-archive .archive-header__inner { display:block; }
.archive-breadcrumbs { display:flex; flex-wrap:wrap; gap:6px 10px; font-size:12px; line-height:1.6; margin-bottom:24px; color:#63736b; }
.archive-breadcrumbs a { color:#516c60; text-decoration:none; }
.archive-breadcrumbs > * + *::before { content:'/'; margin-right:10px; color:#87968d; }
.he-learning-archive .archive-kicker { color:#087b75; font-size:12px; letter-spacing:1px; }
.he-learning-archive .archive-title { font:750 clamp(28px,3.2vw,40px)/1.2 'Segoe UI',Arial,sans-serif; letter-spacing:-.8px; color:#173a31; max-width:1000px; margin:0 0 12px; overflow-wrap:anywhere; }
.he-learning-archive .archive-header__inner > div > p { max-width:920px; font-size:17px; line-height:1.65; color:#51665a; margin:0; }
.he-learning-archive .archive-summary { display:inline-flex; margin:20px 24px 0 0; vertical-align:middle; gap:7px; }
.he-learning-archive .archive-summary span { font-size:17px; color:#244e3e; }
.he-learning-archive .archive-search { display:grid; grid-template-columns:minmax(0,1fr) auto; margin-top:22px; max-width:480px; }
.he-learning-archive .archive-search input { min-width:0; }
.category-actions { display:inline-flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:20px; vertical-align:middle; }
.category-actions a { padding:10px 16px; background:#087b75; color:white; border-radius:8px; font-size:14px; font-weight:650; text-decoration:none; }
.category-actions a + a { background:transparent; color:#285b48; box-shadow:inset 0 0 0 1px #cdded3; }
.he-learning-archive .archive-guide { padding:20px 0 0; background:transparent; }
.he-learning-archive .archive-guide__inner { max-width:1180px; border:1px solid #dce7df; border-radius:12px; background:white; padding:0; }
.category-guide { padding:18px 24px; }
.category-guide summary { cursor:pointer; font-size:15px; font-weight:650; color:#2d5745; }
.category-guide[open] summary { margin-bottom:20px; }
.category-guide h2 { font-size:22px; line-height:1.35; }
.category-guide p,.category-guide li { font-size:16px; line-height:1.8; }
.category-guide:focus-within { outline-color:#087b75; }
.he-learning-archive .archive-filter-band { background:transparent; padding:20px 0 0; }
.category-filters { padding:16px 22px; border:1px solid #dce7df; border-radius:12px; background:white; }
.category-filters > summary { cursor:pointer; font-size:14px; font-weight:600; color:#3b5d4b; }
.category-filters[open] > summary { margin-bottom:18px; }
.he-learning-archive .section-band--catalog { background:transparent; padding:28px 0 56px; scroll-margin-top:90px; }
body.he-learning-archive .content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.he-learning-archive .content-card { border:1px solid #dde7e0; border-radius:14px; box-shadow:none; padding:24px; }
.he-learning-archive .content-card h3 { font-size:20px; line-height:1.4; }
.he-learning-archive .content-card__type { color:#087b75; }
.he-learning-archive .archive-search button { background:#087b75; }
.he-learning-archive .content-card__benefits { display:none; }
.he-learning-archive .content-card__footer > span { display:none; }
.he-learning-archive .content-card__footer { justify-content:flex-start; }
.category-list-heading { display:flex; align-items:baseline; gap:18px; justify-content:space-between; margin:0 0 20px; }
.category-list-heading h2 { font-size:24px; margin:0; color:#214535; }
.category-list-heading p { font-size:13px; color:#64776b; }
.hub-categories { margin:0 0 32px; padding:26px; background:#f2f7f4; border:1px solid #dce7df; border-radius:14px; scroll-margin-top:90px; }
.hub-categories__heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:20px; }
.hub-categories__heading span { color:#087b75; text-transform:uppercase; letter-spacing:1px; font-size:11px; font-weight:700; }
.hub-categories__heading h2 { margin:8px 0 0; color:#203f33; font-size:24px; line-height:1.3; }
.hub-categories__heading p { margin:0; font-size:14px; color:#637569; }
.hub-categories__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.hub-categories__links a { display:grid; gap:8px; padding:16px; background:white; border:1px solid #dce6df; border-radius:9px; text-decoration:none; color:#244f3e; }
.hub-categories__links a:hover { border-color:#087b75; }
.hub-categories__links strong { font-size:15px; line-height:1.45; }
.hub-categories__links span { font-size:12px; color:#63766a; display:flex; justify-content:space-between; }
.category-directory-jump { display:inline-block; margin-top:18px; font-size:14px; font-weight:650; color:#087b75; }
.catalog-search { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto; align-items:end; gap:12px; padding:20px; margin:0 0 28px; border:1px solid #dce7df; border-radius:14px; background:#fff; }
.catalog-search > div { min-width:0; }
.catalog-search label { display:block; font-size:13px; font-weight:650; color:#385848; margin-bottom:8px; }
.catalog-search input,.catalog-search select { display:block; box-sizing:border-box; width:100%; min-width:0; height:48px; padding:0 12px; border:1px solid #b9cec1; border-radius:8px; color:#173a31; background:#fff; font:400 16px 'Segoe UI',Arial,sans-serif; }
.catalog-search input::placeholder { color:#708277; }
.catalog-search button { min-height:48px; padding:0 24px; border:0; border-radius:8px; background:#087b75; color:#fff; font:650 15px 'Segoe UI',Arial,sans-serif; cursor:pointer; }
.catalog-search button span { margin-left:10px; }
.catalog-search button:hover { background:#07655f; }
.catalog-search :is(input,select,button):focus-visible,.category-actions a:focus-visible { outline:3px solid #49a599; outline-offset:3px; }
.search-scope-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; margin:-8px 0 28px; font-size:14px; }
.search-scope-actions a { color:#087b75; overflow-wrap:anywhere; }
.he-learning-archive .empty-state { border:1px solid #dce7df; border-radius:14px; background:#fff; box-shadow:none; }
.catalog-discovery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:min(1180px,calc(100% - 30px)); margin:20px auto 0; align-items:start; }
.he-learning-archive .catalog-discovery > section { padding:0; }
.catalog-discovery > section > .wrap { width:100%; max-width:none; margin:0; }
.catalog-discovery .category-guide,.catalog-discovery .category-filters { padding:18px 20px; }
.catalog-discovery summary { font-size:14px; }
@media(max-width:700px){
 .catalog-discovery { grid-template-columns:1fr; gap:0; border:1px solid #dce7df; border-radius:12px; background:#fff; }
 .he-learning-archive .catalog-discovery .archive-guide__inner,.catalog-discovery .category-filters { border:0; background:transparent; }
 .catalog-discovery > section + section { border-top:1px solid #e3ebe6; }
 .catalog-discovery .category-guide,.catalog-discovery .category-filters { padding:15px 16px; }
 .catalog-search { grid-template-columns:minmax(0,1fr) auto; padding:16px; }
 .catalog-search__query { grid-column:1/-1; }
 .catalog-search button { padding:0 18px; }
 .catalog-search button span { display:none; }
}
@media(max-width:800px){
 body.he-learning-archive .content-grid,.hub-categories__links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hub-categories__heading { display:block; }.hub-categories__heading p { margin-top:10px; }
}
@media(max-width:540px){
 .he-learning-archive .archive-header { padding:22px 0; }
 .he-learning-archive .archive-header__inner > div > p { font-size:16px; }
 .he-learning-archive .archive-title { font-size:29px; }
 body.he-learning-archive .content-grid,.hub-categories__links { grid-template-columns:1fr; }
 .he-learning-archive .content-card,.category-guide,.category-filters,.hub-categories { padding:18px; }
 .category-list-heading { display:block; }
 .category-actions a { padding:12px 14px; }
}
