/* Rows in a 2-column grid shouldn't stretch their neighbour when one expands. */
.e-con.cbt-course-list { --align-items: start; align-items: start; }

.cbt-course-row {
  position: relative;
  flex-wrap: wrap !important;
  cursor: pointer;
  padding-right: 22px !important;
  transition: background-color .15s ease;
  border-radius: 2px;
}
@media (hover: hover) { .cbt-course-row:hover { background-color: rgba(153, 51, 0, .045); } }
.cbt-course-row:focus-visible { background-color: rgba(153, 51, 0, .045); }
.cbt-course-row:focus-visible { outline: 2px solid #993300; outline-offset: 2px; }

.cbt-course-chev {
  position: absolute;
  right: 6px;
  top: 1.05em;
  width: 8px;
  height: 8px;
  border-right: 2px solid #993300;
  border-bottom: 2px solid #993300;
  transform: translateY(-50%) rotate(45deg);
  transition: transform .2s ease;
  pointer-events: none;
}
.cbt-course-row[aria-expanded="true"] .cbt-course-chev { transform: translateY(-25%) rotate(-135deg); }

.cbt-course-desc {
  flex: 0 0 100%;
  width: 100%;
  order: 99;
  cursor: auto;
}
.cbt-course-desc[hidden] { display: none; }
.cbt-course-desc__inner {
  margin: 10px 0 14px;
  padding: 2px 0 2px 14px;
  border-left: 3px solid #a94a3e;
  font-size: .92em;
  line-height: 1.6;
  animation: cbtCourseIn .2s ease;
}
.cbt-course-desc__inner p { margin: 0 0 .6em; }
.cbt-course-desc__inner p:last-child { margin-bottom: 0; }

@keyframes cbtCourseIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .cbt-course-desc__inner { animation: none; }
  .cbt-course-chev { transition: none; }
}