/* F1: scoped public playback durations. No enrollment or learning-platform styles. */
#courses .course-video-label { display:block; margin-top:12px; padding-top:10px; border-top:1px solid #128fb233; color:var(--ink, #0f2a38); font:500 15px/1.7 var(--font-sans); text-wrap:pretty; }
#courses .course-video-label > span { display:inline-block; }
#courses .course-video-label small { display:block; font-size:13px; font-weight:400; }
#courses .course-week-study { display:block; width:100%; margin-top:4px; font:400 14px/1.7 var(--font-sans); color:var(--ink, #0f2a38); text-wrap:pretty; }
#courses .course-week-intro { display:block; margin-bottom:12px; }
#courses .course-week-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#courses .course-week-plan { display:flex; flex-direction:column; align-items:center; gap:10px; padding:10px 4px 12px; border:1px solid #128fb22e; border-radius:14px; background:linear-gradient(145deg, #fffdf8, #ffffffd9); box-shadow:inset 0 1px 0 #fff, 0 5px 12px -10px #0f6f8c66; }
#courses .course-week-daily { display:block; line-height:1.5; }
#courses .course-week-daily b { display:block; font-weight:600; white-space:nowrap; }
#courses .course-week-calendar { position:relative; display:flex; flex-direction:column; align-items:center; width:62px; padding:0 0 4px; border:1px solid #128fb266; border-radius:9px; background:linear-gradient(135deg, #fff, #e8f7fc); box-shadow:inset 0 1px 0 #fff, 1px 3px 0 #b8deed, 0 7px 11px -6px #0f6f8c55; }
#courses .course-week-calendar::before { content:""; position:absolute; top:-5px; left:14px; width:4px; height:10px; border-radius:3px; background:linear-gradient(90deg, #0f6f8c, #fff, #128fb2); box-shadow:28px 0 0 #128fb2; }
#courses .course-week-approx { align-self:stretch; padding:3px 0 2px; border-bottom:1px solid #128fb22e; border-radius:8px 8px 0 0; background:linear-gradient(135deg, #d9f0fb, #4fd0ee); font-size:12px; line-height:1.7; color:#0f2a38; }
#courses .course-week-calendar strong { font:700 28px/1.25 var(--font-sans); color:var(--teal-deep, #0f6f8c); }
#courses .course-week-unit { font-size:13px; line-height:1.5; color:var(--ink, #0f2a38); }
#courses .course-duration-note { margin:22px 0 0; text-align:center; font:400 15px/1.8 var(--font-sans); color:var(--ink, #0f2a38); }
#courses .course-study-planning { max-width:850px; margin:24px auto 0; padding:24px 28px; border:1px solid #128fb22e; border-radius:22px; background:linear-gradient(125deg, #fffdf8, #f0f9fe); box-shadow:inset 0 1px 0 #fff, 0 8px 24px -20px #0f6f8c66; color:var(--ink, #0f2a38); }
#courses .course-study-planning h3 { margin:0 0 10px; font:600 clamp(21px,2.3vw,27px)/1.6 var(--font-sans); text-wrap:pretty; }
#courses .course-study-planning p { margin:0; font:400 17px/1.9 var(--font-sans); }
.course-video-duration { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 18px; width:fit-content; max-width:100%; margin:20px 0; padding:14px 18px; border:1px solid #128fb233; border-radius:16px; background:linear-gradient(120deg, #fffdf8, #f0f9fe); color:var(--ink, #0f2a38); box-shadow:inset 0 1px 0 #fff, 0 6px 18px -16px #0f6f8c66; font:500 16px/1.7 var(--font-sans); }
.course-video-duration > span small { font-size:13px; font-weight:400; }
.course-video-duration strong { font-size:23px; font-weight:600; white-space:nowrap; color:var(--teal-deep, #0f6f8c); }
.course-video-duration > small { flex-basis:100%; font-size:14px; font-weight:400; }
@media(max-width:700px) {
  #courses .course-study-planning { padding:20px; border-radius:18px; }
  #courses .course-study-planning p { font-size:16px; }
  #courses .learning-path__card > span { min-width:0; }
  #courses .course-video-label { font-size:14px; }
  #courses .course-week-plans { gap:6px; }
  #courses .course-week-plan { padding-inline:2px; }
  #courses .course-week-calendar { width:54px; }
  #courses .course-week-calendar::before { left:10px; }
  #courses .learning-path__card--intensive { flex-wrap:wrap; }
  #courses .learning-path__card--intensive > span:not(.course-week-study) { flex:1; }
  #courses .learning-path__card--intensive > .course-week-study { flex:0 0 100%; }
  #courses .course-duration-note { font-size:14px; }
  .course-video-duration { padding:12px 14px; gap:4px 12px; }
}