/* Core */
.cf-accel-wrap { position: relative; }
.cf-accel-accordion ul { list-style: none; margin:0; padding:0; }
/* Module Header */
.cf-accel-header { background:#154957; color:#fff; cursor:pointer; padding:8px 12px; position:relative; transition:background .3s; }
.cf-accel-header:hover { background:#2cd5c4; }
/* Toggle Arrow */
.cf-accel-toggle, .cf-accel-toggle-icon {
  width: 16px; height: 16px;
  display:inline-block;
  background-image:url("data:image/svg+xml;charset=UTF-8,<svg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9 18l6-6-6-6'/></svg>");
  background-size:16px;
}
/* Module icon */
.cf-accel-toggle { position:absolute; right:12px; top:50%; transform:translateY(-50%); transition:transform .3s; }
.cf-accel-item.open .cf-accel-toggle { transform:translateY(-50%) rotate(90deg); }
/* Content */
.cf-accel-content { display:none; padding:0 12px 12px; background:#f1f1f1; }
.cf-accel-item.open .cf-accel-content { display:block; }
/* Lesson links */
.cf-accel-content li a { display:block; padding:6px 12px; color:#333; text-decoration:none; transition:background .2s,color .2s; }
.cf-accel-content li a:hover, .cf-accel-content li a.active { background:#2cd5c4; color:#fff; }
/* Mobile toggle header */
.cf-accel-mobile-header { display:none; align-items:center; background:#154957; color:#fff; padding:8px 12px; font-size:16px; }
.cf-accel-toggle-icon { margin-right:8px; }
/* Responsive */
@media(max-width:768px) {
  .cf-accel-mobile-header { display:flex; }
  .cf-accel-accordion { position:fixed; top:48px; left:-100%; width:85%; max-width:320px; height:calc(100%-48px); overflow-y:auto; background:#154957; transition:left .3s; z-index:9999; }
  .cf-accel-accordion.open-mobile { left:0; }
}