.course-content-placeholder { width: min(100%, 800px); min-height: 280px; aspect-ratio: 16 / 9; margin: 0 auto; padding: 28px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; border: 1px solid rgba(65,137,181,.25); border-radius: 10px; background: radial-gradient(ellipse at 50% 35%, rgba(25,70,108,.28), transparent 70%), var(--secondary-color, #15191e); color: var(--heading-color, #e8e8e8); }
.course-content-placeholder .ui-feature-icon { width: 120px; height: 98px; }
.course-content-placeholder-badge { border: 1px solid rgba(229,185,107,.3); border-radius: 20px; padding: 3px 12px; color: #e5b96b; background: rgba(229,185,107,.07); font-size: 12px; }
.course-content-placeholder h3 { margin: 0; font-size: clamp(18px, 2.5vw, 24px); font-weight: 600; }
.course-content-placeholder p { max-width: 390px; margin: 0; color: var(--font-color, #aeb2ba); font-size: 14px; line-height: 1.6; }
.course-timeline .lesson-thumb-placeholder { display: grid; place-items: center; background: rgba(25,70,108,.3); border: 1px solid rgba(65,137,181,.2); color: #b9e1ff; opacity: .8; }