/* Learning-path pages, 2026 redesign (paths.php + path.php). Builds on course_details.css (.mt-cd). */
#page-local-musinglanding-path #page-header,#page-local-musinglanding-paths #page-header{display:none}
#page-local-musinglanding-path #region-main,#page-local-musinglanding-path #region-main-box,
#page-local-musinglanding-paths #region-main,#page-local-musinglanding-paths #region-main-box{background:transparent;border:0;box-shadow:none;padding:0}
#page-local-musinglanding-path .main-inner,#page-local-musinglanding-paths .main-inner{max-width:none;padding:0}

/* Detail page: no cover in the side card, so it does not reach up into the hero. */
.mt-pd .mt-pd__side{margin-top:0}
.mt-pd .mt-cd__buycard .mt-cd__comingsoon{margin-bottom:.8rem}

/* Course list, beginner to advanced. */
.mt-pd__courses{display:grid;gap:.9rem;list-style:none;margin:0;padding:0}
.mt-pd__course{align-items:center;background:#fff;border:1px solid var(--cd-line);border-radius:18px;display:grid;gap:1rem;grid-template-columns:auto 168px minmax(0,1fr) auto;padding:1rem;transition:border-color .15s,box-shadow .15s}
.mt-pd__course:hover{border-color:rgba(225,29,72,.35);box-shadow:0 10px 26px rgba(15,15,18,.06)}
.mt-pd__num{flex:none}
.mt-pd__media{border-radius:12px;display:block;line-height:0;overflow:hidden}
.mt-pd__cover{aspect-ratio:16/9;background:var(--cd-tint);display:block;height:auto;object-fit:cover;width:100%}
.mt-pd__info{min-width:0}
.mt-pd__title{font-size:1.1rem;font-weight:900;line-height:1.4;margin:0}
.mt-pd__title a{color:var(--cd-ink)!important;text-decoration:none}
.mt-pd__title a:hover{color:var(--cd-red)!important}
.mt-pd__summary{color:var(--cd-muted);font-size:.95rem;line-height:1.7;margin:.3rem 0 0}
.mt-pd__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.mt-pd__meta .mt-cd__chip{font-size:.76rem;padding:.22rem .65rem;white-space:nowrap}
.mt-pd__end{align-items:flex-end;display:flex;flex-direction:column;gap:.55rem;text-align:end}
.mt-pd__price{color:var(--cd-ink);font-size:1.1rem;font-weight:900;white-space:nowrap}
.mt-pd__owned{color:#047857;font-size:.85rem;font-weight:800;white-space:nowrap}
.mt-pd__end .local-musinglanding-button{white-space:nowrap}
.mt-pd__back{color:var(--cd-muted)!important;display:inline-flex;font-weight:800;gap:.4rem;margin-top:1.6rem;text-decoration:none}
.mt-pd__back:hover{color:var(--cd-red)!important}

@media (max-width:760px){
  .mt-pd__course{align-items:start;grid-template-columns:auto minmax(0,1fr)}
  .mt-pd__media{grid-column:2;max-width:220px}
  .mt-pd__info,.mt-pd__end{grid-column:1 / -1}
  .mt-pd__end{align-items:center;flex-direction:row;justify-content:space-between;text-align:start}
}

/* Paths list page: light hero, then the existing search + path cards. */
.mt-pl .mt-cd__hero{padding-block:clamp(36px,5vw,60px) clamp(30px,4vw,44px)}
.mt-pl__body{padding-block:clamp(24px,3vw,40px) clamp(40px,5vw,64px)}
.mt-pl__body .local-musinglanding-frontpage,.mt-pl__body .local-musinglanding-frontpage__shell{background:transparent!important;margin:0!important;max-width:none!important;padding:0!important;width:auto!important}
/* On phones the list page stacks the path cards (the shared frontpage rule turns them into a sideways scroller). */
@media (max-width:760px){
  .mt-pl__body .local-musinglanding-frontpage__pathgrid{display:grid;grid-template-columns:1fr;overflow:visible;padding-bottom:0}
  .mt-pl__body .local-musinglanding-frontpage__pathgrid>.local-musinglanding-frontpage__pathcard{flex:none;width:auto}
}