/* Course chooser: existing photographs and palette, with unobstructed images. */
.oc-course-grid-clear{gap:24px 20px}
.oc-course-grid-clear .oc-course{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:0;background:#faf8f3;box-shadow:none;border:1px solid #e9e3d9;border-radius:7px;color:#20384e;overflow:hidden;text-decoration:none}
.oc-course-grid-clear .oc-course::before,.oc-course-grid-clear .oc-course::after{display:none}
.oc-course-grid-clear .oc-course-photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;flex:none}
.oc-course-grid-clear .oc-course-copy{position:relative;padding:12px 38px 12px 16px;flex:1;min-height:0}
.oc-course-grid-clear .oc-course h3{color:#20384e;font-size:23px;line-height:1.2;margin:0 0 4px}
.oc-course-grid-clear .oc-course p{color:#596974;font-size:13px;line-height:1.5;margin:0}
.oc-course-grid-clear .oc-course-status{display:block;margin-top:5px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#80613f}
.oc-course-grid-clear .oc-course-link-arrow{position:absolute;right:16px;top:14px;color:#b78042;font-size:18px}
.oc-course-grid-clear a.oc-course:hover{border-color:#b78042}
.oc-course-grid-clear a.oc-course:focus-visible{outline:2px solid #b78042;outline-offset:4px}
@media(max-width:520px){.oc-course-grid-clear{gap:18px}.oc-course-grid-clear .oc-course-copy{min-height:0}.oc-course-grid-clear .oc-course h3{font-size:23px}}

.oc-course-grid-clear .oc-private-visual{display:grid;place-items:center;background:linear-gradient(135deg,#142739,#273d51)}
.oc-course-grid-clear .oc-private-visual img{width:90px;height:90px;object-fit:contain;opacity:.8}

/* Refined hierarchy: a compact caption rather than a second heading block. */
.oc-course-grid-clear .oc-course-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:3px 10px;padding:10px 14px;min-height:0;flex:1}
.oc-course-grid-clear .oc-course h3{font-size:18px;line-height:1.3;margin:0;grid-column:1;grid-row:1}
.oc-course-grid-clear .oc-course p{font-size:12px;line-height:1.45;margin:0;grid-column:1/-1;grid-row:2}
.oc-course-grid-clear .oc-course-status{margin:0;font-size:8px;letter-spacing:.04em;grid-column:2;grid-row:1;white-space:nowrap}
.oc-course-grid-clear .oc-course-link-arrow{position:static;font-size:15px;grid-column:2;grid-row:1}
.oc-course-grid-clear .oc-private .oc-course-link-arrow{display:none}

/* Approved unboxed course captions. */

.oc-course-grid-clear{gap:22px 22px}
.oc-course-grid-clear .oc-course{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.oc-course-grid-clear .oc-course-photo{aspect-ratio:1.9;object-fit:cover;border-radius:4px}
.oc-course-grid-clear .oc-course-copy{padding:8px 0 0;gap:2px 10px;min-height:0;flex:0}
.oc-course-grid-clear .oc-course h3{font-size:17px;line-height:1.3}
.oc-course-grid-clear .oc-course p{font-size:12px;line-height:1.4}
.oc-course-grid-clear .oc-course-status{font-size:9px;letter-spacing:.02em}
.oc-course-grid-clear .oc-course-link-arrow{font-size:14px}
.oc-course-grid-clear a.oc-course:hover h3{color:#956632}
.oc-course-grid-clear .oc-private-visual img{width:74px;height:74px}
