/* ===== Section rhythm and alternating bands (matches WP original) ===== */

.auck-approved {
  padding-block: 80px;
}

.auck-why,
.auck-questions {
  background: var(--color-bg-white);
  padding-block: 100px;
}

.auck-process,
.auck-cost {
  background: var(--color-bg-shaded);
  padding-block: 100px;
}

/* ===== Photo + text splits ===== */

.auck-approved .split,
.auck-why .split,
.auck-process .split,
.auck-questions .split,
.auck-cost .split {
  --split-gap: 0;
  align-items: start;
}

/* The gutter lives inside the text column, as it does in the original. */
.auck-approved .auck-text,
.auck-why .auck-text,
.auck-questions .auck-text {
  padding-inline-start: 60px;
}

.auck-process .auck-text,
.auck-cost .auck-text {
  padding-inline-end: 30px;
}

.auck-photo {
  inline-size: 100%;
  block-size: auto;
}

/* The approved section's image is a transparent cut-out, so only the
   prose photos are rounded. */
.auck-why .auck-photo,
.auck-process .auck-photo,
.auck-questions .auck-photo,
.auck-cost .auck-photo {
  border-radius: 6px;
}

.auck-approved h3,
.auck-why h3,
.auck-process h3,
.auck-questions h3,
.auck-cost h3 {
  font-size: 24px;
}

/* The markdown walker wraps every list item in a <p>; drop its margins so
   lists keep the original's tight rhythm. */
.auck-text li p {
  margin-block: 0;
}

.auck-approved .auck-photo {
  margin-block-start: 64px;
}

.auck-text > .btn {
  margin-block-start: 1.5rem;
}

.auck-lead {
  margin-block-end: 20px;
}

/* ===== Panel ===== */

.auck-panel {
  background: var(--color-bg-light);
  padding-block: 100px 60px;
}

.auck-panel h2,
.auck-panel-intro {
  text-align: center;
}

.auck-panel .broker-card-grid {
  margin-block-start: 3rem;
  text-align: start;
}

/* ===== CTA band ===== */

.auck-cta-band {
  background: var(--color-teal-dark);
  color: #fff;
  padding-block: 60px;
}

.auck-cta-band .split {
  align-items: center;
}

/* The button is a grid item, so it would otherwise stretch once the split
   collapses to one column. */
.auck-cta-band .btn {
  justify-self: start;
}

.auck-cta-band h2 {
  color: #fff;
  font-size: 40px;
  margin-block: 0;
}

.auck-cta-kicker {
  font-size: 16px;
  margin-block: 0 0.5rem;
}

@media (max-width: 767px) {
  .auck-approved,
  .auck-panel,
  .auck-why,
  .auck-process,
  .auck-questions,
  .auck-cost {
    padding-block: 50px;
  }

  /* WP hides the section photos on phones; the panel image stays. */
  .auck-why .auck-photo,
  .auck-process .auck-photo,
  .auck-questions .auck-photo,
  .auck-cost .auck-photo {
    display: none;
  }

  .auck-approved .auck-photo {
    margin-block-start: 0;
  }

  .auck-approved .auck-text,
  .auck-why .auck-text,
  .auck-questions .auck-text,
  .auck-process .auck-text,
  .auck-cost .auck-text {
    padding-inline: 0;
  }

  .auck-cta-band {
    padding-block: 30px;
  }

  /* The split's horizontal gutter becomes vertical space once it stacks. */
  .auck-cta-band .split {
    --split-gap: 20px;
  }

  .auck-cta-band h2 {
    font-size: 30px;
  }
}