/* Front-end checklist rendering */
.guide-checklists {
  margin-top: 24px;
}

.guide-checklist {
  margin: 24px 0;
  /* Default alignment (will flip automatically for RTL via :dir(rtl)) */
  text-align: left;
}

/* Respect actual text direction (dir="rtl" / dir="auto" etc). */
.guide-checklist:dir(rtl) {
  text-align: right;
}

.guide-checklist__title {
  margin: 0 0 12px;
  text-align: inherit !important;
}

.guide-checklists__title {
  margin: 0 0 12px;
  text-align: inherit !important;
}

.guide-checklist__groups {
  margin-top: 12px;
}

.guide-checklist__group + .guide-checklist__group {
  margin-top: 18px;
}

.guide-checklist__group-title {
  margin: 0 0 10px;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
  text-align: inherit !important;
}

.guide-checklist__list {
  padding-inline-start: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Enfold (and some plugins) add list bullets via pseudo-elements. Disable them inside our checklist. */
#top .guide-checklist__list > li::before,
#top .guide-checklist__list > li::after,
.guide-checklist__list > li::before,
.guide-checklist__list > li::after {
  content: none !important;
  display: none !important;
}

.guide-checklist__item {
  list-style: none !important;
  margin: 10px 0;
  padding: 0 !important;
}

.guide-checklist__item::marker {
  content: '' !important;
}

.guide-checklist__text {
  font-weight: 600;
  font-size: inherit;
}

.guide-checklist__mark {
  display: inline-block;
  margin-inline-end: 0.35em;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.guide-checklist__mark.mark--check-green { color: #2e7d32 !important; }
.guide-checklist__mark.mark--check-blue  { color: #1565c0 !important; }
.guide-checklist__mark.mark--cross-red   { color: #c62828 !important; }

.guide-checklist__note {
  display: block;
  margin-inline-start: 1.55em;
  font-size: 0.9em;
  opacity: 0.85;
}

.guide-checklist__sep {
  opacity: 0.6;
}

/* Backward-compatible RTL support (older cached HTML without dir attribute on the section). */
body.rtl .guide-checklist:not([dir]),
.rtl .guide-checklist:not([dir]) {
  direction: rtl;
  text-align: right;
}