/* AI-Minded Media — course + lesson styles (loads after site.css) */
.course-hero{ padding:2.5rem 0 1rem; }
.course-hero .kicker{ font-family:var(--mono); font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--phosphor-dim); margin-bottom:0.6rem; }
.course-hero h1{ font-size:clamp(1.9rem,5vw,2.8rem); font-weight:900; letter-spacing:-0.02em; line-height:1.1; margin-bottom:0.5rem; }
.course-hero p{ color:var(--muted); font-size:0.95rem; line-height:1.6; }

/* lesson list (overview) */
.lesson-list{ display:flex; flex-direction:column; gap:0.7rem; margin-top:1.6rem; }
.lesson-item{ display:flex; gap:1rem; align-items:flex-start; background:linear-gradient(165deg,var(--surface2),var(--surface)); border:1px solid var(--border); border-radius:14px; padding:1.1rem 1.2rem; text-decoration:none; transition:border-color .2s, transform .12s; }
.lesson-item:hover{ border-color:var(--phosphor-dim); transform:translateY(-1px); }
.lesson-num{ flex:none; width:34px; height:34px; border-radius:9px; background:var(--bg2); border:1px solid var(--border-hi); display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-weight:700; color:var(--phosphor); }
.lesson-info h3{ font-size:1rem; font-weight:700; color:var(--text); margin-bottom:0.25rem; display:flex; align-items:center; gap:0.5rem; flex-wrap:wrap; }
.lesson-info p{ color:var(--muted); font-size:0.83rem; line-height:1.55; }
.badge-ready{ font-family:var(--mono); font-size:0.52rem; letter-spacing:0.1em; text-transform:uppercase; color:#04140c; background:var(--phosphor); padding:0.12rem 0.45rem; border-radius:5px; }
.badge-soon{ font-family:var(--mono); font-size:0.52rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-a); border:1px solid rgba(240,193,75,0.4); padding:0.1rem 0.45rem; border-radius:5px; }

/* lesson player */
.lesson-nav{ display:flex; gap:0.5rem; flex-wrap:wrap; margin:0.5rem 0 1.6rem; }
.pill{ font-family:var(--mono); font-size:0.66rem; letter-spacing:0.03em; color:var(--muted); text-decoration:none; padding:0.4rem 0.7rem; border-radius:999px; border:1px solid var(--border); transition:all .2s; white-space:nowrap; }
.pill:hover{ border-color:var(--phosphor-dim); color:var(--text); }
.pill.active{ color:#04140c; background:var(--phosphor); border-color:var(--phosphor); font-weight:700; }
.pill.soon{ opacity:0.6; }
.player-num{ font-family:var(--mono); font-size:0.62rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--phosphor-dim); margin-bottom:0.5rem; }
.player-title{ font-size:clamp(1.5rem,4vw,2.2rem); font-weight:900; letter-spacing:-0.02em; line-height:1.12; margin-bottom:0.4rem; }
.player-meta{ font-family:var(--mono); font-size:0.72rem; color:var(--muted2); margin-bottom:1.4rem; }

.video-wrap{ position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--border); background:#000; margin-bottom:1.6rem; }
.lesson-video{ display:block; width:100%; aspect-ratio:16/9; background:#000; }
.video-soon{ aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.5rem; text-align:center; padding:2rem; background:radial-gradient(120% 120% at 50% 0%,rgba(108,255,180,0.08),transparent 62%),var(--bg2); }
.video-soon .big{ font-size:2.4rem; }
.video-soon .t{ font-family:var(--mono); font-size:0.8rem; color:var(--phosphor); letter-spacing:0.05em; }
.video-soon .s{ color:var(--muted); font-size:0.8rem; max-width:340px; line-height:1.5; }

.takeaways{ background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.3rem; margin-bottom:1.8rem; }
.takeaways .lbl{ font-family:var(--mono); font-size:0.6rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--phosphor-dim); margin-bottom:0.9rem; }
.takeaways ul{ list-style:none; display:flex; flex-direction:column; gap:0.7rem; }
.takeaways li{ font-size:0.9rem; color:var(--muted); line-height:1.55; display:flex; gap:0.6rem; }
.takeaways li::before{ content:"›"; color:var(--phosphor); font-weight:700; }

/* quiz */
.quiz-wrap{ margin-top:0.5rem; }
.quiz-wrap h2{ font-size:1.3rem; font-weight:800; margin-bottom:0.3rem; }
.quiz-wrap .intro{ color:var(--muted); font-size:0.85rem; margin-bottom:1.2rem; }
.q{ background:linear-gradient(165deg,var(--surface2),var(--surface)); border:1px solid var(--border); border-radius:14px; padding:1.2rem; margin-bottom:1rem; }
.q .qn{ font-family:var(--mono); font-size:0.58rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted2); margin-bottom:0.5rem; }
.q .qtext{ font-size:0.98rem; font-weight:600; margin-bottom:0.9rem; line-height:1.4; }
.opt{ display:block; width:100%; text-align:left; background:var(--bg2); border:1px solid var(--border-hi); border-radius:10px; color:var(--text); padding:0.75rem 0.9rem; font-size:0.88rem; font-family:var(--sans); cursor:pointer; margin-bottom:0.5rem; transition:border-color .15s, background .15s; }
.opt:hover:not(:disabled){ border-color:var(--phosphor-dim); }
.opt:disabled{ cursor:default; }
.opt.correct{ border-color:var(--phosphor); background:rgba(108,255,180,0.12); color:var(--phosphor); font-weight:600; }
.opt.wrong{ border-color:#ff6b6b; background:rgba(255,107,107,0.1); color:#ff9b9b; }
.opt .mark{ float:right; font-weight:700; }
.reveal{ margin-top:0.6rem; border-top:1px solid var(--border); padding-top:0.8rem; font-size:0.85rem; color:var(--muted); line-height:1.6; display:none; }
.reveal.show{ display:block; }
.reveal .conf{ color:var(--phosphor); font-weight:600; display:block; margin-top:0.4rem; }
.quiz-progress{ font-family:var(--mono); font-size:0.7rem; color:var(--muted2); margin:0.4rem 0 1.2rem; }

.next-cta{ display:none; margin-top:1.6rem; background:linear-gradient(165deg,var(--surface2),var(--surface)); border:1px solid var(--border-hi); border-radius:16px; padding:1.5rem; text-align:center; }
.next-cta.show{ display:block; }
.next-cta .done{ font-family:var(--mono); font-size:0.62rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--phosphor); margin-bottom:0.6rem; }
.next-cta h3{ font-size:1.15rem; font-weight:800; margin-bottom:0.9rem; }
.next-cta .row{ display:flex; gap:0.6rem; justify-content:center; flex-wrap:wrap; }
.lesson-foot{ display:flex; justify-content:space-between; gap:0.6rem; margin-top:1.6rem; flex-wrap:wrap; }