
  .course-catalog{margin:0 0 18px}
  .course-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}
  .course-catalog-head h2{font-size:15px;margin:0 0 4px}
  .course-catalog-head p{font-size:10px;color:var(--m);margin:0;line-height:1.45}
  .course-catalog-note{font-size:9px;color:var(--b);font-weight:800;background:#edf5ff;border:1px solid #d5e6fd;border-radius:999px;padding:7px 10px;white-space:nowrap}
  .course-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .course-choice{font:inherit;text-align:left;color:var(--tx);cursor:pointer;padding:14px;border:1px solid #dfe8f3;border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 7px 22px rgba(20,55,115,.045);transition:.22s;position:relative;overflow:hidden}
  .course-choice:hover{transform:translateY(-2px);border-color:#a9cdfa;box-shadow:0 14px 32px rgba(17,80,172,.1)}
  .course-choice.active{border-color:#1475f8;background:linear-gradient(145deg,#f8fbff,#eaf4ff);box-shadow:0 12px 28px rgba(8,105,248,.13)}
  .course-choice.active:after{content:"Selecionado";position:absolute;right:10px;top:10px;border-radius:999px;padding:4px 7px;background:#0869f8;color:#fff;font-size:7px;font-weight:800;letter-spacing:.45px}
  .course-choice-art{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;margin-bottom:11px;font-size:21px;background:linear-gradient(145deg,#e6f1ff,#cfe4ff);box-shadow:inset 0 1px 0 #fff}
  .course-choice:nth-child(2) .course-choice-art{background:linear-gradient(145deg,#e8f7ff,#d6edff)}
  .course-choice:nth-child(3) .course-choice-art{background:linear-gradient(145deg,#eef0ff,#dde2ff)}
  .course-choice:nth-child(4) .course-choice-art{background:linear-gradient(145deg,#e8f8f0,#d5f0e3)}
  .course-choice b{font:800 11px Manrope;display:block;line-height:1.28;padding-right:4px}
  .course-choice small{display:block;color:var(--m);font-size:8px;line-height:1.45;margin-top:5px}
  .course-course-label{display:flex;align-items:center;gap:6px;color:var(--b);font-weight:800;font-size:8px;margin-bottom:8px;letter-spacing:.45px}
  .course-course-label i{width:13px;height:13px}
  .course-lesson{width:100%;border:0;text-align:left;color:inherit;font-family:inherit;cursor:pointer}
  .course-lesson:hover{background:#f3f8ff}
  .course-lesson b{font-size:10px}
  .course-lesson small{display:block;font-size:8px;color:var(--m);margin-top:2px}
  .course-lesson .lesson-state{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid #cddaea;color:#9aa9bc;background:#fff}
  .course-lesson.complete .lesson-state{background:#e5f8ee;border-color:#a9e4c3;color:#168651}
  .course-lesson .lesson-state svg{width:13px;height:13px}
  .course-inline-activities{margin-top:19px;padding-top:18px;border-top:1px solid #e4ebf4}
  .course-inline-activities .section-title{margin-bottom:14px}
  .course-inline-activities .section-title h2{font-size:17px;margin:0 0 4px}
  .course-inline-activities .section-title p{margin:0;font-size:10px;color:var(--m)}
  .course-activity-meta{font-size:9px;color:var(--m);margin-top:9px;display:flex;justify-content:space-between;gap:8px}
  .course-quiz-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid #dce8f8;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#edf5ff);margin-bottom:14px}
  .course-quiz-intro b{font:800 16px Manrope;display:block;margin-bottom:4px}.course-quiz-intro span{font-size:10px;color:var(--m)}
  .course-quiz-list{display:grid;gap:13px}.course-quiz-question{border:1px solid #e0e8f2;border-radius:14px;padding:16px;background:#fff}.course-quiz-question h4{font-size:12px;line-height:1.45;margin:0 0 11px}
  .course-quiz-options{display:grid;gap:7px}.course-quiz-option{display:flex;gap:9px;align-items:flex-start;border:1px solid #e1e7ef;border-radius:10px;padding:10px 11px;font-size:10px;line-height:1.45;cursor:pointer;background:#fbfdff}.course-quiz-option:hover{border-color:#a9cdfa;background:#f3f8ff}.course-quiz-option input{margin-top:2px;accent-color:var(--b)}
  .course-quiz-answer{margin-top:10px;border-radius:9px;padding:10px;font-size:9px;line-height:1.5;background:#eef5ff;color:#34527d}.course-quiz-question.correct{border-color:#a8e3c2;background:#fbfffd}.course-quiz-question.wrong{border-color:#f1b6bb;background:#fffdfd}
  .course-quiz-score{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;padding:20px;border-radius:16px;background:linear-gradient(135deg,#071842,#075fdc);color:#fff;margin-bottom:15px}.course-quiz-score strong{font:800 36px Manrope;display:block}.course-quiz-score small{color:#cfe1ff}.course-quiz-score h3{margin:0 0 6px;font-size:17px}.course-quiz-score p{margin:0;color:#dbe8ff;font-size:10px;line-height:1.55}
  .course-quiz-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;position:sticky;bottom:-21px;background:#fff;padding:12px 0 3px}
  @media(max-width:1120px){.course-choice-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.course-catalog-head{align-items:flex-start;flex-direction:column}.course-choice-grid{grid-template-columns:1fr 1fr;gap:9px}.course-choice{padding:12px}.course-choice b{font-size:10px}.course-choice-art{width:37px;height:37px;font-size:18px;margin-bottom:9px}.course-choice small{font-size:7.5px}.course-choice.active:after{display:none}.course-inline-activities{margin-top:14px}.course-inline-activities .section-title h2{font-size:15px}.course-quiz-intro{align-items:flex-start;flex-direction:column}.course-quiz-score{grid-template-columns:1fr}.course-quiz-actions{flex-direction:column-reverse}.course-quiz-actions .btn{width:100%}}
