@charset "UTF-8";
/* CSS Document */

/* ============================================================
   Maxprog Rich Blog List Fixes
   Forces AI-generated checklist/takeaway blocks to match
   the WordPress blog appearance.
   ============================================================ */


/* Headings inside checklist and takeaway boxes */
.entry-content .mp-checklist h3,
.entry-content .mp-takeaways h3 {
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  color: #444444 !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


/* Reset lists inside rich blocks */
.entry-content .mp-checklist ul,
.entry-content .mp-takeaways ul,
.entry-content .mp-card ul,
.entry-content .mp-example ul,
.entry-content .mp-callout ul,
.entry-content .mp-warning ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


/* Reset list items inside rich blocks */
.entry-content .mp-checklist li,
.entry-content .mp-takeaways li,
.entry-content .mp-card li,
.entry-content .mp-example li,
.entry-content .mp-callout li,
.entry-content .mp-warning li {
  position: relative !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 18px 0 !important;
  padding: 0 0 0 28px !important;
  color: #444444 !important;
  font-size: inherit !important;
  line-height: 1.55 !important;
}


/* Last list item cleanup */
.entry-content .mp-checklist li:last-child,
.entry-content .mp-takeaways li:last-child,
.entry-content .mp-card li:last-child,
.entry-content .mp-example li:last-child,
.entry-content .mp-callout li:last-child,
.entry-content .mp-warning li:last-child {
  margin-bottom: 0 !important;
}


/* Custom red square bullets */
.entry-content .mp-checklist li::before,
.entry-content .mp-takeaways li::before,
.entry-content .mp-card li::before,
.entry-content .mp-example li::before,
.entry-content .mp-callout li::before,
.entry-content .mp-warning li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.65em !important;
  width: 8px !important;
  height: 8px !important;
  background: #ff6b7a !important;
  border-radius: 1px !important;
}


/* Remove possible theme pseudo-elements */
.entry-content .mp-checklist li::marker,
.entry-content .mp-takeaways li::marker,
.entry-content .mp-card li::marker,
.entry-content .mp-example li::marker,
.entry-content .mp-callout li::marker,
.entry-content .mp-warning li::marker {
  color: transparent !important;
}


/* Make sure nested text inside list items is not boxed */
.entry-content .mp-checklist li *,
.entry-content .mp-takeaways li *,
.entry-content .mp-card li *,
.entry-content .mp-example li *,
.entry-content .mp-callout li *,
.entry-content .mp-warning li * {
  background: transparent !important;
  box-shadow: none !important;
}


/* Mobile adjustment */
@media (max-width: 700px) {
  .entry-content .mp-checklist h3,
  .entry-content .mp-takeaways h3 {
    font-size: 24px !important;
    margin-bottom: 18px !important;
  }

  .entry-content .mp-checklist li,
  .entry-content .mp-takeaways li,
  .entry-content .mp-card li,
  .entry-content .mp-example li,
  .entry-content .mp-callout li,
  .entry-content .mp-warning li {
    padding-left: 24px !important;
    margin-bottom: 14px !important;
  }

  .entry-content .mp-checklist li::before,
  .entry-content .mp-takeaways li::before,
  .entry-content .mp-card li::before,
  .entry-content .mp-example li::before,
  .entry-content .mp-callout li::before,
  .entry-content .mp-warning li::before {
    width: 7px !important;
    height: 7px !important;
  }
}