/* Umunneochi LGA - portal theme: page styles for "lms-kids". */
h3{margin:0 0 12px;font-size:22px;letter-spacing:-.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:12px;font-size:13px;font-weight:750;transition:.2s;cursor:pointer;border:0}
.btn-ghost{background:#eef3f6;color:#123b5b}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 14px 40px rgba(8,38,58,.06)}
.info-card h3{margin:0 0 10px;font-size:20px}
.info-card p{font-size:14px;color:#5c7482}
.info-card .tag{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#4b9228;font-weight:800;margin-bottom:12px}
.pill{display:inline-flex;align-items:center;gap:8px;background:#eef7e8;border:1px solid #cfe9bd;color:#24550d;border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;letter-spacing:.08em}
.lms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.course-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 14px 40px rgba(8,38,58,.06);display:flex;flex-direction:column;gap:14px}
.course-card .meta{font-size:12px;font-weight:800;color:#4b9228;text-transform:uppercase;letter-spacing:.12em}
.course-card h3{margin:0;font-size:20px;color:#17374d}
.course-card p{font-size:14px;color:#5c7482;flex:1}
.course-card .btn{align-self:flex-start}
.course-panel{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(8,38,58,.06)}
.course-panel[hidden]{display:none}
.course-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}
.course-head h3{margin:12px 0 8px;font-size:24px;color:#17374d}
.course-head p{font-size:14px;color:#5c7482;max-width:560px}
.progress-wrap{min-width:240px;flex:0 0 300px}
.progress-track{height:10px;border-radius:999px;background:#e9f0f4;overflow:hidden}
.progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(135deg,#b6ef56,#8bdc35);transition:width .3s}
.progress-label{font-size:12px;font-weight:750;color:#41596a;margin-top:8px}
.lesson{border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px;background:#fbfdfe}
.lesson h4{margin:0 0 8px;font-size:17px;color:#17374d}
.lesson p{font-size:14px;color:#5c7482}
.lesson.done{border-color:#cfe9bd;background:#f2fbea}
.lesson-foot{margin-top:14px}
.mark-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:750;color:#24550d;cursor:pointer}
.mark-btn.done{background:#a5e635;border-color:#a5e635;color:#17320a}
.word-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}
.word-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px;color:#41596a}
.word-list b{color:#17374d}
.quiz-box{margin-top:28px;border-top:1px solid var(--line);padding-top:26px}
.quiz-q{margin-bottom:22px}
.quiz-q p.q{font-size:16px;font-weight:750;color:#17374d;margin-bottom:12px}
.quiz-opts{display:grid;gap:10px}
.quiz-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 15px;font-size:14px;color:#41596a;cursor:pointer;background:#fbfdfe}
.quiz-opt:hover{border-color:#c8dce7}
.quiz-opt input{accent-color:#145b83}
.quiz-opt.correct{border-color:#cfe9bd;background:#eef7e8;color:#24550d;font-weight:750}
.quiz-opt.wrong{border-color:#f0cfcf;background:#fdf1f1;color:#a13b3b}
.quiz-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.quiz-score{font-size:14px;font-weight:800;color:#17374d}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.cards-3,.cards-2{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.lms-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.topbar .container{justify-content:center}.toplinks{display:none}.nav-wrap{height:74px}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:8px 22px 18px;box-shadow:0 14px 20px rgba(18,59,91,.09);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid var(--line)}.nav a:after{display:none}.menu-btn{display:block}.hero{padding:66px 0 58px}.hero-copy p{font-size:15px}.cards-3,.cards-2,.lms-grid,.word-list{grid-template-columns:1fr}.cta-panel,.copyright{display:block}.cta-panel .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.course-panel{padding:22px}.progress-wrap{flex:1 1 100%}.quiz-actions .btn{width:100%}}