.course-photo{position:relative;height:150px;background:#dfe9ee;overflow:hidden}
.course-photo img{width:100%;height:100%;object-fit:cover;display:block}
.course-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,29,54,.5),transparent 55%)}
.course-photo .course-category{position:absolute;left:12px;top:12px;z-index:2;background:rgba(11,29,54,.82);padding:5px 9px}
.course-photo .featured-tag{position:absolute;right:12px;top:12px;left:auto;bottom:auto;z-index:2;background:#efb35a;color:#112848;font-size:9px;font-weight:800;padding:5px 9px;border-radius:5px}
.course-card p.course-summary{min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nr-scope-badge{display:inline-block;margin:0 0 14px;background:#fff8ea;color:#936723;border:1px solid #f3dfb4;border-radius:30px;font-size:10px;font-weight:800;padding:4px 10px}
.course-details{margin:0 0 16px;border:1px solid var(--line);border-radius:9px;padding:0 12px}
.course-details>summary{cursor:pointer;padding:10px 0;font-size:12px;font-weight:800;color:var(--teal-deep)}
.catalog-card:target{outline:3px solid var(--teal,#169b8e);outline-offset:4px;scroll-margin-top:24px}
.course-details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:10px}
.course-full-description{font-size:12px;color:#5c6f7f;line-height:1.7;margin-bottom:12px;overflow-wrap:anywhere}
.course-details .course-curriculum{padding-bottom:10px;font-size:12px}
.cover-editor{border:1px solid var(--line);border-radius:10px;padding:16px;margin:0}
.cover-editor legend{font-size:12px;font-weight:800;padding:0 6px}
.cover-editor-grid{display:grid;grid-template-columns:220px 1fr;gap:18px}
.cover-preview{aspect-ratio:16/10;background:#eef3f6;border-radius:8px;overflow:hidden}
.cover-preview img{width:100%;height:100%;object-fit:cover;display:block}
.cover-preview img[hidden]{display:none}
.cover-controls{display:grid;gap:12px;align-content:start}
.cover-controls [hidden]{display:none}
.cover-feedback{margin:0;font-size:11px;color:#9a3c43;min-height:1em}
@media(max-width:720px){.cover-editor-grid{grid-template-columns:1fr}}