/* Course navigation shared by the main directory and the Lean landing page. */
.course-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.course-controls a { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
.course-controls .course-code { grid-column: 1; }
.course-controls a > span:nth-child(2) { grid-column: 1; }
.course-controls .course-arrow { grid-column: 2; grid-row: 1 / 3; }
.course-controls a[href="#business-statistics"] { --course-color: var(--stats); --course-wash: var(--stats-wash); }
.course-controls a[href="#operations-analysis"] { --course-color: var(--ops); --course-wash: var(--ops-wash); }
.course-controls a[href="#lean-operations"] { --course-color: var(--success); --course-wash: var(--success-wash); }
#lean-operations, .suite-page-lean { --course: var(--success); --course-wash: var(--success-wash); }
.lean-tool-grid { grid-template-columns: minmax(0, 1fr); }
.lean-tool-grid .tool-card { max-width: 780px; }
.suite-page-lean .lean-tool-grid { margin-top: 28px; }
.suite-page-lean .course-reference { margin: 22px 0 0; font-size: 12px; line-height: 1.7; color: var(--ink-soft); }
.course-reference a { text-underline-offset: 3px; }
@media (max-width: 900px) {
  .course-controls { grid-template-columns: 1fr; }
  .course-controls a { grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; }
  .course-controls .course-code, .course-controls a > span:nth-child(2), .course-controls .course-arrow { grid-column: auto; grid-row: auto; }
}
@media (max-width: 480px) {
  .course-controls a { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .course-controls .course-code, .course-controls a > span:nth-child(2) { grid-column: 1; }
  .course-controls .course-arrow { grid-column: 2; grid-row: 1 / 3; }
}