.demo-seat-count{font:600 16px/1.3 Reading;margin:10px 0 18px;padding-left:12px;border-left:3px solid var(--yellow)}
.demo-date-picker{width:100%;font:700 17px/1.4 Reading;padding:8px 24px 8px 0;border:0;background:transparent;color:var(--ink)}
.availability-demo-controls{margin-top:18px;padding:12px;background:#f1f2ef;border:1px dashed #b9bcb4;font:400 12px/1.4 Reading}
.availability-demo-controls summary{cursor:pointer;font-weight:600}.availability-demo-controls label{display:block;margin-top:12px}.availability-demo-controls input{display:block;width:100%;padding:7px;margin-top:5px;border:1px solid #ccc;font:inherit}
.availability-demo-controls button{border:1px solid #aaa;padding:7px;background:white;font:600 12px Reading;cursor:pointer;margin:3px 4px 3px 0}.availability-demo-controls button:disabled,.demo-modal-add:disabled{opacity:.45;cursor:default}
.availability-demo-controls p{font:400 12px/1.4 Reading;margin:8px 0}.enrolment-summary .demo-modal-add{min-height:36px;padding:9px 12px;font-size:13px;margin-bottom:8px}

/* One aligned 4px rule for both date and availability. */
body:has(.availability-demo-controls) :is(.booking-card,.enrolment-summary) .next-course-date{border-left:4px solid var(--yellow);padding-left:16px}
.demo-seat-count{border-left:4px solid var(--yellow);padding:10px 12px 10px 16px;font-weight:700;letter-spacing:.01em;background:#fff9d9;color:#171a15}
.demo-seat-count[data-level=low]{border-color:#b7790c;background:#fff1ce;color:#774300}
.demo-seat-count[data-level=last]{border-color:#b85513;background:#ffead9;color:#873800}
.demo-seat-count[data-level=full]{border-color:#777;background:#e8e9e5;color:#4c5048}
.demo-seat-count[hidden]{display:none}

.next-course-date strong[data-course-date-start]{display:block;margin:9px 0 0;line-height:1.15}
.next-course-date strong + strong[data-course-date-start]{margin-top:13px}
.next-course-date strong .edition-stock{display:block;margin:5px 0 12px;padding:10px 12px 10px 16px;border-left:4px solid var(--yellow);background:#fff9d9;color:#171a15;font:700 16px/1.3 Reading,sans-serif;letter-spacing:.01em}
.next-course-date .edition-stock[data-level=low]{border-color:#e28218;background:#fff1ce;color:#774300}
.next-course-date .edition-stock[data-level=last]{border-color:#cf3434;background:#ffe4e1;color:#9e2424}
.next-course-date .edition-stock[data-level=full]{border-color:#777;background:#e8e9e5;color:#4c5048}