.course-schedule-inline{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:18px 0}
.course-schedule-inline .status{margin:0}
.course-schedule-label{display:inline-block;padding:9px 13px;background:#e9eee9;color:#193c3a;border-radius:5px;font-size:13px;font-weight:650}
.course-schedule-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:#fff;color:#173c50;border:1px solid #b4c9ca;border-radius:5px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.course-schedule-action:hover{background:#e5f1ee;color:#15372f}
.course-schedule-action:focus-visible{outline:3px solid #d3a347;outline-offset:3px}
.course-booking-action{margin:8px 0 8px 12px;white-space:normal;max-width:100%;box-sizing:border-box}
[data-course-details-link]:has(+[data-schedule-booking]){white-space:normal}
div:has(>[data-course-details-link]+[data-schedule-booking]){flex-wrap:wrap;gap:8px}
@media(max-width:600px){.course-booking-action{margin-left:0}.course-booking-action,.course-schedule-action{max-width:100%}}

.course-brand-note{font-size:.9rem;line-height:1.6;max-width:70ch;margin:12px 0;color:inherit;opacity:.85}