/* STAR 4.0 uses the shared SPARK 6.0 layout and components. */
.dsa-page .course-poster { height: auto; aspect-ratio: auto; }
.dsa-page .eyebrow-row .live-batch-badge { display: inline-flex; align-items: center; gap: 9px; color: #ffe4eb; background: #512338; border-color: #cb7a97; }
.live-batch-badge i, .live-batch-label i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; background: #ff9bb8; box-shadow: 0 0 0 4px rgba(255,155,184,.12); }
.live-card-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; font-size: 12px; color: #d3dbea; }
.live-batch-label { display: inline-flex; align-items: center; gap: 9px; color: #ffc2d5; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.live-schedule { margin-top: 18px; padding: 20px; border: 1px solid #69506a; border-radius: 16px; background: linear-gradient(135deg,#242036,#151f32); }
.live-schedule > p { margin: 0 0 14px; color: #f4d5df; font-size: 14px; font-weight: 600; }
.live-days { display: flex; gap: 8px; margin-bottom: 14px; }
.live-days span { flex: 1; text-align: center; padding: 7px 8px; border: 1px solid #8d6178; border-radius: 6px; color: #ffd5e2; background: #412a40; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.live-schedule > strong { display: block; color: #fff; font-size: 23px; line-height: 1.4; }
.live-schedule small { color: #e7c578; font-size: 12px; }
.live-schedule .live-session-note { color: #bcc9dc; font-size: 12px; line-height: 1.6; margin: 6px 0 16px; }
.live-schedule ul { margin: 0; padding: 14px 0 0 17px; border-top: 1px solid #4a4058; color: #e0e7f1; }
.live-schedule li { padding-left: 2px; margin: 6px 0; font-size: 13px; line-height: 1.6; }
.live-schedule li::marker { color: #f2c94c; }
.dsa-fineprint { font-size: 12px; color: #c6d0df; line-height: 1.6; }
.dsa-page :is(section, aside[id], main) { scroll-margin-top: 150px; }
.dsa-page :focus-visible { outline: 3px solid #f2c94c; outline-offset: 4px; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 14px 22px; background: #f2c94c; color: #070b13; }
.skip-link:focus { top: 16px; }
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }