/* learn-course-art-v2: content-first, language-neutral course covers */
body[data-page="learn"] .course-card{min-height:0;padding:38px 12px 14px;gap:0}
body[data-page="learn"] .course-thumb{display:block;width:100%;height:clamp(156px,12vw,184px);margin:0 0 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--course-accent) 24%,var(--border));border-radius:14px;background:#07111f;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,7,18,.12)}
body[data-page="learn"] .course-thumb img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
body[data-page="learn"] .course-card:hover .course-thumb img{transform:scale(1.018)}
body[data-page="learn"] .course-card>strong{margin:0 2px 7px;font-size:.98rem;line-height:1.28;letter-spacing:-.018em}
body[data-page="learn"] .course-card>p{margin:0 2px;color:var(--muted);font-size:.75rem;line-height:1.56}
body[data-page="learn"] .course-card .course-outcome{margin-top:auto;padding:11px 2px 0;border-top:1px solid color-mix(in srgb,var(--course-accent) 13%,var(--border));font-size:.68rem;line-height:1.48}
body[data-page="learn"] .course-card>span:last-child{margin:10px 2px 0;font-size:.69rem}
html[data-theme="light"] body[data-page="learn"] .course-thumb{background:#081321;box-shadow:0 10px 24px rgba(37,52,72,.10)}
@media(max-width:760px){
 body[data-page="learn"] .hub-grid{gap:8px}
 body[data-page="learn"] .hub-grid .course-card{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;align-items:start;padding:34px 10px 10px}
 body[data-page="learn"] .course-thumb{grid-column:1;grid-row:1/5;width:116px;height:116px;margin:0;border-radius:12px;align-self:start}
 body[data-page="learn"] .course-card>strong,body[data-page="learn"] .course-card>p,body[data-page="learn"] .course-card .course-outcome,body[data-page="learn"] .course-card>span:last-child{grid-column:2;min-width:0}
 body[data-page="learn"] .course-card>strong{margin:0 0 5px;font-size:.86rem}
 body[data-page="learn"] .course-card>p{margin:0;font-size:.68rem;line-height:1.45}
 body[data-page="learn"] .course-card .course-outcome{margin:7px 0 0;padding:7px 0 0;font-size:.64rem}
 body[data-page="learn"] .course-card>span:last-child{margin:7px 0 0;font-size:.66rem}
}
@media(max-width:430px){
 body[data-page="learn"] .hub-grid .course-card{grid-template-columns:104px minmax(0,1fr);column-gap:10px;padding:34px 9px 10px}
 body[data-page="learn"] .course-thumb{width:104px;height:104px;border-radius:11px}
 body[data-page="learn"] .course-card>strong{font-size:.82rem}
 body[data-page="learn"] .course-card>p{font-size:.65rem}
 body[data-page="learn"] .course-card .course-outcome{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){body[data-page="learn"] .course-thumb img{transition:none!important}}


/* WTS course-grid refinement v1 — 2026-09-23 */
@media(min-width:1024px){
  body[data-page="learn"] .astronomy-hub{max-width:1180px}
  body[data-page="learn"] .astronomy-hub>.eyebrow:not(:first-child){margin-top:42px!important}
  body[data-page="learn"] .hub-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
  }
  body[data-page="learn"] .hub-grid .course-card{
    grid-column:span 2;
    height:100%;
    padding:40px 14px 16px;
  }
  body[data-page="learn"] .hub-grid:nth-of-type(2)>.course-card:last-child:nth-child(3n+1){
    grid-column:3/span 2;
  }
  body[data-page="learn"] .course-thumb{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    margin-bottom:15px;
    border-radius:15px;
  }
  body[data-page="learn"] .course-card>strong{
    min-height:2.55em;
    display:flex;
    align-items:flex-start;
  }
  body[data-page="learn"] .course-card>p{min-height:4.7em}
  body[data-page="learn"] .course-card .course-outcome{min-height:4.25em}
  body[data-page="learn"] .course-card>span:last-child{margin-top:12px}
}
@media(min-width:761px) and (max-width:1023px){
  body[data-page="learn"] .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body[data-page="learn"] .hub-grid .course-card:last-child:nth-child(odd){
    grid-column:1/-1;
    width:calc(50% - 6px);
    justify-self:center;
  }
  body[data-page="learn"] .course-thumb{height:auto;aspect-ratio:16/9}
}