/* Rājaśyāmā — course pages layout extras (site colours; loaded after site.css) */

/* Levels: a dashed line the four level markers sit on (horizontal on desktop, vertical on phones) */
.path-track { position: relative; }
.path-track::before { content: ""; position: absolute; background: repeating-linear-gradient(90deg, #2E4A3B 0 14px, transparent 14px 20px); }
@media (min-width: 1024px) {
  .path-track::before { left: 2.25rem; right: calc(25% - 3.75rem); top: 2.25rem; height: 2px; }
}
@media (max-width: 1023.98px) {
  .path-track::before { left: 1.4rem; top: 1rem; bottom: 1rem; width: 2px; background: repeating-linear-gradient(180deg, #2E4A3B 0 14px, transparent 14px 20px); }
}

/* FAQ: ruled list with a +/− mark */
.page-course details .mark { position: relative; width: 18px; height: 18px; flex-shrink: 0; }
.page-course details .mark::before, .page-course details .mark::after { content: ""; position: absolute; left: 0; right: 0; top: 8px; height: 2px; background: #B8241C; transition: transform .25s ease; }
.page-course details .mark::after { transform: rotate(90deg); }
.page-course details[open] .mark::after { transform: rotate(0deg); }
@media (prefers-reduced-motion: reduce) { .page-course details .mark::after { transition: none; } }