/* Supporting collections follow the existing course catalog identity. */
.courseos-app .ts-cover { aspect-ratio:16/9; min-height:0; border-radius:8px; }
.courseos-app .ts-course-pick { grid-template-columns:112px minmax(0,1fr); }
.courseos-app .ts-detail-head .ts-cover,.courseos-app .ts-learn-head .ts-cover { aspect-ratio:16/9; height:auto; }
.courseos-app .ts-cover img { object-fit:contain; }
.ops-library .ops-cover { aspect-ratio:16/9; min-height:0; padding:0; background:#eee6db; }
.ops-library .ops-cover img { object-fit:contain; }
.ops-library .ops-cover>span { position:absolute; bottom:10px; right:10px; font-size:11px; border-radius:4px; padding:3px 8px; background:rgba(255,255,255,.94); color:#4b5b60; }
.ops-library .ops-as-list .ops-cover { height:auto; align-self:center; }
.courseos-app .courseos-material-card-cover,.courseos-app .institution-material-card-cover { position:relative; aspect-ratio:16/9; height:auto; min-height:0; padding:0; overflow:hidden; background:#eee6db; }
.courseos-app .courseos-material-card-cover>.courseos-collection-art,.courseos-app .institution-material-card-cover>.courseos-collection-art { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.courseos-app .courseos-material-cover-content,.courseos-app .institution-material-card-cover>div { position:absolute; left:12px; right:12px; bottom:10px; z-index:1; padding:0; }
.courseos-app .courseos-material-cover-content>strong,.courseos-app .courseos-material-cover-content>small,.courseos-app .institution-material-card-cover>div>b,.courseos-app .institution-material-card-cover>div>small { display:none; }
.courseos-app .courseos-material-type { display:inline-block; max-width:100%; border-radius:4px; background:rgba(255,255,255,.94); color:#4b5b60; padding:4px 8px; font-size:11px; }
.courseos-app .courseos-material-card-cover>.courseos-material-check,.courseos-app .institution-material-card-cover>input,.courseos-app .courseos-material-status,.courseos-app .institution-material-card-cover>em { z-index:2; }
.courseos-app .courseos-material-card-cover>.courseos-material-check,.courseos-app .institution-material-card-cover>input { position:absolute; top:10px; left:10px; margin:0; }
.courseos-app .courseos-material-check input { position:static; margin:0; width:16px; height:16px; }
.courseos-app .courseos-material-card-cover:after,.courseos-app .institution-material-card-cover:after { display:none; }
.courseos-app .courseos-material-status,.courseos-app .institution-material-card-cover>em { position:absolute; top:10px; right:10px; background:rgba(255,255,255,.94); color:#4b5b60; border-radius:4px; padding:3px 8px; font-size:11px; font-style:normal; }
.courseos-app .courseos-material-status .courseos-live-pill { background:transparent; color:#4b5b60; padding:0; font-size:11px; }
.courseos-app .courseos-material-card-body h3,.courseos-app .institution-material-card-body h3 { margin:0 0 8px; color:var(--cos-ink,#263a43); font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.courseos-app .catalog-overview-figure img,.courseos-app .catalog-rich-copy img { display:block; max-width:100%; height:auto; object-fit:contain; }
@media(max-width:600px) { .courseos-app .ts-course-pick { grid-template-columns:96px minmax(0,1fr); } .ops-library .ops-as-list .ops-plan { grid-template-columns:1fr; } }