.concept-hero h1 { margin-bottom: var(--s3); }
.concept-lede { max-width: var(--measure); }
.concept-facts { display: flex; flex-wrap: wrap; gap: var(--s2); margin: var(--s4) 0 0; padding: 0; list-style: none; }

.concept-session { background: var(--canvas); }
.concept-session-title { margin-bottom: var(--s2); }
.concept-session-path { margin: 0 0 var(--s4); }
.concept-overview { margin: 0 0 var(--s6); }
.concept-overview blockquote { margin: 0; padding: var(--s2) 0 var(--s2) var(--s4); border-left: 3px solid var(--line); font-family: var(--serif); font-size: 1.0625rem; line-height: 1.6; max-width: var(--measure); }
.concept-overview blockquote p { margin: 0 0 var(--s2); }
.concept-overview figcaption { margin-top: var(--s2); }

.concept-section + .concept-section { margin-top: var(--s6); padding-top: var(--s4); border-top: 1px solid var(--line); }
.concept-section h3 { margin: 0 0 var(--s2); font: 700 1.0625rem/1.4 var(--sans); }
.concept-subheading { color: var(--muted); font-weight: 400; }
.concept-facts .tag a { color: inherit; }
.concept-section .toc { padding: 0; border: 0; margin: 0; }
.concept-section .resource-list { margin: 0; }

.concept-video a { flex-wrap: wrap; row-gap: 0; }
.concept-video-title { flex: 1 1 14rem; min-inline-size: 0; font-weight: 600; overflow-wrap: anywhere; }
.concept-video-meta { flex: 0 1 auto; color: var(--muted); font: .8125rem/1.5 var(--mono); }
.concept-watch { margin-left: var(--s2); color: var(--ink); }
.concept-item .concept-badge { flex: 0 0 auto; }
.concept-no-solution { margin: var(--s2) 0 0; }
.concept-pset .meta { margin: 0 0 var(--s2); }

.concept-video-notes { display: flex; align-items: center; gap: var(--s1); margin: var(--s1) 0 0 1.75rem; font-size: .8125rem; }
.concept-pset-sections { margin: var(--s2) 0 0 1.75rem; padding: 0; list-style: none; color: var(--muted); font-size: .8125rem; display: grid; gap: var(--s1); }

.concept-sequence .days { margin-bottom: var(--s4); }
.concept-route-links { display: flex; flex-wrap: wrap; gap: var(--s3) var(--s4); align-items: center; margin: 0; }
.concept-back { display: inline-block; margin-bottom: var(--s3); }

.concept-only-solutions { margin-top: var(--s3); }
.concept-index:has(#only-solutions:checked) .concept-index-row:not(.has-solutions) { display: none; }

@media (max-width: 40rem) {
  .concept-video a { display: grid; grid-template-columns: auto auto 1fr; column-gap: var(--s2); row-gap: .125rem; align-items: baseline; }
  .concept-video-title { grid-column: 3; }
  .concept-video-meta { grid-column: 3; font-size: .75rem; }
  .concept-watch { grid-column: 3; margin-left: 0; }
  .concept-item .resource-link { flex-wrap: wrap; row-gap: var(--s1); }
  .concept-item .resource-title { flex-basis: calc(100% - 2rem); }
  .concept-item .concept-badge { margin-left: calc(1rem + var(--s3)); }
}

@media (max-width: 959px) {
  #view-home.concept-layout > .course-body { display: contents; }
  #view-home.concept-layout > .course-body > * { order: 2; min-width: 0; }
  #view-home.concept-layout > .course-body > .concept-hero { order: 0; }
  #view-home.concept-layout > .start-panel { order: 1; }
}