
:root{
  --learn-line: rgba(15,31,24,.08);
  --learn-card: linear-gradient(180deg,#ffffff,#f8fbf9);
}
.learning-v78{
  background:
    radial-gradient(circle at top right, rgba(88,185,130,.10), transparent 25%),
    radial-gradient(circle at bottom left, rgba(195,157,69,.08), transparent 24%),
    linear-gradient(180deg,#f9fbfa 0%, #f2f6f3 35%, #eef3ef 100%);
}
.learning-v78 .topbar{display:none}
.learning-top{padding:26px 0 8px}
.learning-top .container{display:grid;gap:8px}
.learning-top h1{margin:0;font-size:clamp(2rem,3vw,2.75rem);line-height:1.02;letter-spacing:-.04em}
.learning-top p{margin:0;max-width:78ch;color:var(--muted)}
.learning-top .eyebrow{margin:0;color:var(--primary)}
.learn-grid-hero,.course-grid,.course-layout,.learn-stats{display:grid;gap:22px}
.learn-grid-hero{grid-template-columns:1.1fr .9fr}
.learn-card,.course-card,.module-card,.quiz-card,.learn-card.refs,.course-sidebar,.mini-panel,.decision-card{
  background:var(--learn-card);
  border:1px solid var(--learn-line);
  box-shadow:0 18px 44px rgba(15,31,24,.06);
  border-radius:28px;
}
.learn-card,.course-card,.module-card,.learn-card.refs,.course-sidebar{padding:26px}
.learn-card h2,.course-card h3,.module-card h3{margin-top:0;letter-spacing:-.03em}
.learn-bullets,.learn-pill-grid,.badge-row,.learn-actions,.module-grid,.decision-grid,.quiz-stack,.quiz-options{display:grid;gap:14px}
.learn-bullets>div{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:#f3f7f4;border:1px solid rgba(15,31,24,.05)}
.learn-bullets strong{font-size:1rem}
.learn-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-pill-grid span,.badge,.score-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 12px;border-radius:999px;background:#eef4f0;color:var(--primary);font-weight:800;font-size:.82rem
}
.learn-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-actions .btn{text-align:center}
.learn-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.learn-stats .stat{
  padding:18px;border-radius:22px;background:var(--learn-card);border:1px solid var(--learn-line);box-shadow:0 18px 44px rgba(15,31,24,.06);text-align:center
}
.learn-stats .stat strong{display:block;font-size:1.9rem;color:var(--primary)}
.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.course-card.featured{background:linear-gradient(145deg,#ffffff,#eef7f2);border-color:rgba(31,111,81,.18)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.section-head h2,.section-head h3{margin:0;letter-spacing:-.03em}
.section-head p{margin:0;max-width:68ch;color:var(--muted)}
.course-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}
.course-sidebar{
  position:sticky;top:108px;display:grid;gap:12px;
}
.course-sidebar h3{margin:0 0 4px}
.course-sidebar a{
  display:block;padding:10px 12px;border-radius:14px;font-weight:700;color:#2b4a3f;text-decoration:none
}
.course-sidebar a.active,.course-sidebar a:hover{background:#eef4f0;color:#17362b}
.progress-shell{height:10px;border-radius:999px;background:#e7efe9;overflow:hidden}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#1f6f51,#5ac186);transition:width .3s ease}
.course-main{display:grid;gap:22px}
.module-card{scroll-margin-top:104px}
.module-grid,.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mini-panel,.decision-card{padding:18px}
.mini-panel strong,.decision-card strong{display:block;margin-bottom:6px}
.quiz-stack{margin-top:16px}
.quiz-card{padding:20px}
.quiz-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.quiz-card h4{margin:0 0 8px}
.quiz-card p{margin:0}
.quiz-options{margin-top:14px}
.quiz-options button{
  border:none;border-radius:14px;padding:12px 14px;text-align:left;font-weight:700;background:#eef4f0;color:#17362b;cursor:pointer
}
.quiz-options button:hover{background:#e4f0e8}
.quiz-options button.correct{background:#dff4e8;color:#0d5938}
.quiz-options button.wrong{background:#f8e2e2;color:#8a2020}
.quiz-feedback{margin-top:12px;min-height:22px;color:var(--muted)}
.mini-link{color:var(--primary);font-weight:700;text-decoration:none}
.mini-link:hover{text-decoration:underline}
@media (max-width:980px){
  .learn-grid-hero,.learn-stats,.course-grid,.course-layout,.learn-actions,.module-grid,.decision-grid,.learn-pill-grid{grid-template-columns:1fr}
  .course-sidebar{position:relative;top:0}
}

.v782-img-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}
.v782-img-grid.single{grid-template-columns:1fr}
.v782-img-card{background:linear-gradient(180deg,#ffffff,#f8fbf9);border:1px solid rgba(15,31,24,.08);border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(15,31,24,.06)}
.v782-img-card img{display:block;width:100%;height:260px;object-fit:cover;background:#eef4f0}
.v782-img-meta{display:grid;gap:6px;padding:16px}
.v782-img-meta strong{font-size:1rem}
.v782-img-meta span{color:var(--muted);font-size:.94rem}
.v782-img-meta code{font-size:.8rem;padding:6px 8px;border-radius:10px;background:#eef4f0;color:#17362b;width:max-content}
@media (max-width:980px){.v782-img-grid{grid-template-columns:1fr}}


.accordion-stack{display:grid;gap:14px;margin-top:18px}
.learn-detail{border:1px solid var(--learn-line);border-radius:22px;background:linear-gradient(180deg,#fff,#f7faf8);overflow:hidden}
.learn-detail summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;color:#17362b;display:flex;align-items:center;justify-content:space-between;gap:12px}
.learn-detail summary::-webkit-details-marker{display:none}
.learn-detail summary::after{content:"+";font-size:1.2rem;line-height:1;flex:0 0 auto;color:#1f6f51}
.learn-detail[open] summary::after{content:"−"}
.detail-body{padding:0 20px 18px 20px;display:grid;gap:12px;color:#385146}
.detail-body p,.detail-body ul{margin:0}
.detail-body ul{padding-left:1.1rem}
.formula-line{padding:12px 14px;border-radius:16px;background:#eef4f0;color:#17362b;font-weight:700}
.note-panel{margin-top:18px}


.v782-img-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.module-card h4{margin:20px 0 10px;font-size:1.08rem;color:#17362b;letter-spacing:-.02em}
.module-card ol,.module-card ul{margin:0;padding-left:1.15rem}
.module-card li+li{margin-top:6px}
.note-box{margin-top:16px;padding:18px;border-radius:20px;background:#eef4f0;border:1px solid rgba(15,31,24,.06)}
.note-box strong{display:block;margin-bottom:6px;color:#17362b}
.checklist{display:grid;gap:10px;list-style:none;padding-left:0}
.checklist li{padding-left:28px;position:relative}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;color:#1f6f51;font-weight:800}
@media (max-width:980px){.v782-img-grid--3{grid-template-columns:1fr}}

.v782-img-meta code{display:none}
.v782-img-card img.v782-img-contain{height:auto;max-height:none;object-fit:contain;padding:12px;background:#fff}
