
/* LearnLive Course Detail v14 */
.course-v12-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;
  padding:42px 0 34px;align-items:start;
}
.course-v12-hero h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;margin:10px 0 16px;color:var(--ll-navy,#012A70)}
.course-v12-hero .lead{font-size:1.08rem;line-height:1.75;max-width:820px;color:var(--ll-muted,#6F8199)}
.course-v12-hero .tag,.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ll-blue,#0B57B7)}
.course-v12-by{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;color:#53677f}
.course-v12-by b{color:#10233F}
.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf2fb;color:var(--ll-navy,#012A70);font-weight:800}
.course-v12-rating{font-weight:800;color:#9b4a00}
.course-v12-badge{
  background:#fff;border:1px solid #dce7f3;border-radius:22px;padding:26px;
  box-shadow:0 18px 50px rgba(1,42,112,.10);position:sticky;top:22px
}
.course-v12-badge span{display:inline-block;background:#fff1e9;color:#b94600;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900}
.course-v12-badge strong{display:block;font-size:2rem;color:var(--ll-navy,#012A70);margin:17px 0 2px}
.course-v12-badge small{display:block;color:#71839a;margin-bottom:20px}
.btn.full{width:100%;justify-content:center}
.course-v12-student-note{background:#f5f8fc;padding:14px;border-radius:12px;color:#667991;font-size:.9rem}
.course-v12-content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:0 0 50px}
.course-section-card,.course-check,.course-global-note{
  background:#fff;border:1px solid #dfe8f3;border-radius:18px;padding:26px;margin-bottom:20px
}
.course-section-card h2{color:var(--ll-navy,#012A70);margin:5px 0 9px}
.course-section-card .muted{color:#71839a;line-height:1.65}
.course-session-v12{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;
  padding:17px 0;border-top:1px solid #edf2f7
}
.session-date{background:#f1f6fc;border-radius:13px;text-align:center;padding:8px}
.session-date b{display:block;font-size:1.25rem;color:var(--ll-navy,#012A70)}
.session-date span{font-size:.72rem;font-weight:800;color:#71839a;text-transform:uppercase}
.course-session-v12 h3{margin:0 0 5px;color:#10233f;font-size:1rem}
.course-session-v12 p,.course-session-v12 small{margin:0;color:#6f8199}
.session-live{font-size:.68rem;font-weight:900;color:#147447;background:#e9f8ef;padding:6px 9px;border-radius:999px}
.course-check h3{margin-top:0;color:var(--ll-navy,#012A70)}
.course-check div{padding:10px 0;border-top:1px solid #edf2f7;color:#344a64}
.course-global-note{background:linear-gradient(135deg,#eef6ff,#fff7f0);border-color:#d9e7f5}
.course-global-note b{color:var(--ll-navy,#012A70)}
.course-global-note p{color:#61748c;line-height:1.65;margin-bottom:0}
.review-v12{padding:16px 0;border-top:1px solid #edf2f7}
.review-head{display:flex;justify-content:space-between;gap:10px}
.review-head span{font-weight:800;color:#a95700}
.review-v12 p{color:#566b83;line-height:1.65}
.empty{padding:18px;background:#f7f9fc;border-radius:12px;color:#71839a}
.ll-brand{display:flex;align-items:center}
.ll-brand img{display:block;width:auto;max-width:150px;height:42px;object-fit:contain}
@media(max-width:900px){
  .course-v12-hero,.course-v12-content{grid-template-columns:1fr}
  .course-v12-badge{position:static}
}
@media(max-width:560px){
  .course-v12-hero{padding-top:24px}
  .course-session-v12{grid-template-columns:54px 1fr}
  .session-live{grid-column:2;justify-self:start}
  .course-section-card,.course-check,.course-global-note{padding:20px}
  .ll-brand img{max-width:125px;height:36px}
}

.course-error{min-height:55vh;display:grid;place-items:center;padding:60px 20px}
.course-error-card{width:min(620px,100%);text-align:center;background:#fff;border:1px solid #dfe8f3;border-radius:22px;padding:46px 30px;box-shadow:0 18px 50px rgba(1,42,112,.08)}
.course-error-icon{width:48px;height:48px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#fff1e9;color:#c84d08;font-weight:900;font-size:1.35rem}
.course-error-card h1{color:#012A70;margin:8px 0 12px}
.course-error-card p:not(.eyebrow){color:#6f8199;line-height:1.7;margin:0 auto 24px;max-width:510px}
