/* =====================================================
   mi-lessong-guide
   ===================================================== */

.mi-lesson-guide{max-width:980px}

.mi-lg-title{
  font-size:32px;
  line-height:1.1;
  margin:0 0 18px;
  padding-bottom:14px;
  border-bottom:3px solid #d9d9d9;
  position:relative;
}
.mi-lg-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:90px;
  height:3px;
  background:#d62828;
}

.mi-lg-item{border-bottom:1px solid #e6e6e6}

.mi-lg-trigger{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 0;
  background:transparent;
  border:0;
  text-align:left;
  cursor:pointer;
}

.mi-lg-left{
  display:flex;
  gap:12px;
  align-items:baseline;
  flex-wrap:wrap;
}

.mi-lg-week{
  font-weight:700;
  font-size:18px;
}

.mi-lg-week-title{
  font-size:18px;
  font-weight:500;
  opacity:.95;
}

.mi-lg-caret{
  width:10px;
  height:10px;
  border-right:2px solid #222;
  border-bottom:2px solid #222;
  transform:rotate(45deg);
  transition:transform .2s ease;
  margin-right:4px;
}
.mi-lg-trigger[aria-expanded="true"] .mi-lg-caret{
  transform:rotate(-135deg);
}

.mi-lg-panel{padding:0 0 18px}

.mi-lg-desc{
  font-size:16px;
  line-height:1.7;
  margin:6px 0 18px;
  max-width:900px;
}

.mi-lg-list{
  list-style:none;
  margin:0;
  padding:0;
}

.mi-lg-li{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 0;
  border-top:1px solid #ededed;
}

.mi-lg-check{
  color:#1e73ff;
  flex:0 0 auto;
  margin-top:2px;
}

.mi-lg-text{
  font-size:16px;
  line-height:1.5;
}

/* --- FIX: Divi button styling making the trigger look like an input/button --- */
.mi-lesson-guide .mi-lg-trigger{
  -webkit-appearance: none;
  appearance: none;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 18px 0 !important;
  margin: 0 !important;

  font: inherit;              /* inherit Divi typography */
  color: inherit;
  line-height: 1.2;
}

.mi-lesson-guide .mi-lg-trigger:focus{
  outline: none;
}

/* Optional: nice accessible focus (uncomment if you want it)
.mi-lesson-guide .mi-lg-trigger:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
*/

/* --- FIX: bullet dots showing next to your check icon (Divi list styles) --- */
.mi-lesson-guide .mi-lg-list{
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.mi-lesson-guide .mi-lg-li{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Divi sometimes injects bullets via pseudo elements */
.mi-lesson-guide .mi-lg-list li:before,
.mi-lesson-guide .mi-lg-list li:marker{
  content: none !important;
}

/* --- Small layout polish (matches your screenshot spacing better) --- */
.mi-lesson-guide .mi-lg-left{
  align-items: center; /* makes Week + title align cleanly */
}