#template-preview-root {
  font-family: Aptos, "Aptos", "Segoe UI", system-ui, sans-serif;
  color: #09131a;
  background: #f9f9f9;
}

#maggie-page {
  --blx-section-bg-odd: linear-gradient(180deg, #ffffff 0%, #f7f8f8 100%);
  --blx-section-bg-even: linear-gradient(180deg, #f4f6f6 0%, #ecefef 100%);
  --blx-section-divider: rgba(9, 19, 26, 0.06);
  --blx-btn-dark-bg: #09131a;
  --blx-btn-dark-text: #ffffff;
  --blx-btn-accent-bg: #2bc161;
  --blx-btn-accent-text: #09131a;
  --blx-btn-light-bg: #ffffff;
  --blx-btn-light-text: #09131a;
  --blx-btn-border: rgba(9, 19, 26, 0.16);
}

#maggie-page > .maggie-section {
  position: relative;
  background: var(--blx-section-bg-odd);
  border-top: 1px solid var(--blx-section-divider);
}

#maggie-page > .maggie-section:first-of-type {
  border-top: 0;
}

#maggie-page > .maggie-section:nth-of-type(even) {
  background: var(--blx-section-bg-even);
}

#maggie-page > .maggie-section:nth-of-type(odd) {
  background: var(--blx-section-bg-odd);
}

#maggie-page > .maggie-section .container,
#maggie-page > .maggie-section .container-fluid {
  position: relative;
  z-index: 1;
}

#maggie-page > .maggie-section.blx-section-hero-with-category-led-headline-supporting-copy-primary-and-secondary-ctas,
#maggie-page > .maggie-section.blx-final-cta {
  background: transparent;
  border-top: 0;
}

.template-section {
  border-bottom: 1px dashed rgba(9, 19, 26, 0.12);
}

.template-section:last-child {
  border-bottom: none;
}

.blx-section-intro-panel {
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 12px 30px rgba(9, 19, 26, 0.08);
}

.blx-button-row > .btn {
  min-width: 160px;
}

#maggie-page .btn {
  font-family: Aptos, "Aptos", "Segoe UI", system-ui, sans-serif;
  font-weight: 600;
}

#maggie-page .btn.btn-dark,
#maggie-page .blx-btn-primary {
  background: var(--blx-btn-dark-bg);
  color: var(--blx-btn-dark-text);
  border-color: var(--blx-btn-dark-bg);
}

#maggie-page .btn.btn-dark:hover,
#maggie-page .btn.btn-dark:focus,
#maggie-page .blx-btn-primary:hover,
#maggie-page .blx-btn-primary:focus {
  background: #14212b;
  color: var(--blx-btn-dark-text);
  border-color: #14212b;
}

#maggie-page .btn.btn-success {
  background: var(--blx-btn-accent-bg);
  color: var(--blx-btn-accent-text);
  border-color: var(--blx-btn-accent-bg);
}

#maggie-page .btn.btn-success:hover,
#maggie-page .btn.btn-success:focus {
  background: #22ab55;
  color: #09131a;
  border-color: #22ab55;
}

#maggie-page .btn.btn-outline-dark,
#maggie-page .blx-btn-secondary {
  background: var(--blx-btn-light-bg);
  color: var(--blx-btn-light-text);
  border-color: var(--blx-btn-border);
}

#maggie-page .btn.btn-outline-dark:hover,
#maggie-page .btn.btn-outline-dark:focus,
#maggie-page .blx-btn-secondary:hover,
#maggie-page .blx-btn-secondary:focus {
  background: #09131a;
  color: #ffffff;
  border-color: #09131a;
}

#maggie-page .btn:visited,
#maggie-page .btn:hover,
#maggie-page .btn:focus {
  text-decoration: none;
}

#maggie-page .accordion-item {
  background: transparent;
}

#maggie-page .accordion-button {
  box-shadow: none;
  font-weight: 700;
}

#maggie-page .accordion-button:not(.collapsed) {
  color: #09131a;
  background: #ffffff;
  box-shadow: none;
}

#maggie-page .accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(43, 193, 97, 0.18);
  border-color: rgba(43, 193, 97, 0.28);
}

#maggie-page .accordion-body {
  background: #ffffff;
}
