/* One consistent reading order for native shop and related-course cards. */
.oc-site ul.products li.product .oc-course-card-copy {color:var(--oc-ink);min-width:0}
.oc-site.oc-commerce ul.products li.product .oc-course-card-title {
  display:flex;flex-direction:column;gap:8px;
  margin:0 0 12px;padding:0;
  font:750 26px/1.15 var(--font-body);letter-spacing:-.035em;
  text-wrap:balance;
}
.oc-site ul.products li.product .oc-course-card-focus {
  font:750 13px/1.35 var(--font-body);letter-spacing:.08em;
  text-transform:uppercase;color:var(--oc-muted);
}
.oc-site ul.products li.product .oc-course-card-outcome {
  margin:0;font:450 15px/1.5 var(--font-body);
  color:var(--oc-muted);text-wrap:pretty;
}
.oc-site ul.products li.product .oc-course-card-schedule {
  display:grid;gap:16px;margin:20px 0;padding:16px 0;
  border-block:1px solid var(--oc-border);
  font:450 14px/1.5 var(--font-body);color:var(--oc-ink);
}
.oc-site ul.products li.product .oc-course-card-timetable dt {display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 4px;font-weight:750}
.oc-site ul.products li.product .oc-course-card-timetable dt>span {font-weight:450;color:var(--oc-muted)}
.oc-site ul.products li.product .oc-course-card-timetable dd {margin:0}
.oc-site ul.products li.product .oc-course-card-timetable .oc-date-range {font-weight:600}
.oc-site ul.products li.product .oc-course-card-hours {display:block;margin-top:4px;color:var(--oc-muted)}
.oc-site ul.products li.product .oc-course-card-delivery dd {margin:0}
.oc-site ul.products li.product .oc-course-card-delivery {font-size:13px;color:var(--oc-muted)}
.oc-site ul.products li.product .oc-course-card-tools {display:grid;grid-template-columns:fit-content(42%) minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:0;font:450 14px/1.5 var(--font-body)}
.oc-site ul.products li.product .oc-course-card-tools>div {display:contents}
.oc-site ul.products li.product .oc-course-card-tools dt {margin:0;font-weight:650;color:var(--oc-muted)}
.oc-site ul.products li.product .oc-course-card-tools dd {margin:0;color:var(--oc-ink);text-wrap:pretty}
.oc-site ul.products li.product .oc-course-card-includes {display:flex;flex-direction:column;gap:4px;margin:16px 0 0;font:450 13px/1.5 var(--font-body);color:var(--oc-muted)}
.oc-site ul.products li.product .oc-course-card-includes strong {font-weight:650;color:var(--oc-ink)}
.oc-site.oc-commerce ul.products li.product .oc-course-card-price {display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding-top:24px;margin-bottom:16px;font:750 28px/1.2 var(--font-body);letter-spacing:-.03em;color:var(--oc-ink)}
.oc-site ul.products li.product .oc-course-card-price-note {font:450 12px/1.4 var(--font-body);letter-spacing:0;color:var(--oc-muted)}
@media(max-width:600px) {
  .oc-site ul.products li.product .oc-course-card-focus {font-size:14px}
  .oc-site ul.products li.product .oc-course-card-schedule,
  .oc-site ul.products li.product .oc-course-card-includes,
  .oc-site ul.products li.product .oc-course-card-price-note {font-size:14px}
}

@media(min-width:601px) {
  .oc-site ul.products li.product .oc-course-card-outcome {min-height:3em}
}

/* Related courses are a deliberate pair, independent of the three-column shop. */
.oc-site.oc-commerce .related.products ul.products {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:639px) {
  .oc-site.oc-commerce .related.products ul.products {grid-template-columns:minmax(0,1fr)}
}