.brand-miaoling .page-miaoling-life-map .miaoling-service-hero {
  align-items: center;
  background-image: radial-gradient(circle at 22% 18%, rgba(196, 158, 58, 0.16), transparent 30%), radial-gradient(circle at 75% 12%, rgba(202, 88, 50, 0.36), transparent 35%), linear-gradient(145deg, #8c321c 0%, #722716 58%, #581e10 100%);
  display: flex;
  min-height: 68svh;
}

.brand-miaoling .page-miaoling-life-map .miaoling-service-title {
  font-size: clamp(3rem, 7vw, 6rem);
  letter-spacing: 0.14em;
  margin-block: 1rem 1.5rem;
  text-indent: 0.14em;
}

.brand-miaoling .page-miaoling-life-map .miaoling-hero-lead {
  color: var(--miaoling-blush);
  margin-inline: auto;
  max-width: 44rem;
}

.brand-miaoling .page-miaoling-life-map .life-map-introduction,
.brand-miaoling .page-miaoling-life-map .life-map-function-shell,
.brand-miaoling .page-miaoling-life-map .miaoling-faq {
  background: var(--miaoling-cream);
  color: var(--miaoling-deep);
}

.brand-miaoling .page-miaoling-life-map :where(.life-map-introduction, .life-map-function-shell, .miaoling-faq) :where(h2, h3, p, summary) {
  color: var(--miaoling-deep);
}

.brand-miaoling .page-miaoling-life-map :where(.life-map-introduction, .life-map-function-shell, .miaoling-faq) .miaoling-section-index {
  color: var(--miaoling-russet);
}

.brand-miaoling .page-miaoling-life-map .life-map-orbit {
  align-items: center;
  aspect-ratio: 1;
  border: 1px solid var(--miaoling-gold-deep);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  max-width: 22rem;
  position: relative;
}

.brand-miaoling .page-miaoling-life-map .life-map-orbit::before,
.brand-miaoling .page-miaoling-life-map .life-map-orbit::after {
  border: 1px solid rgba(140, 50, 28, 0.28);
  border-radius: 50%;
  content: "";
  position: absolute;
}

.brand-miaoling .page-miaoling-life-map .life-map-orbit::before {
  height: 74%;
  transform: rotate(28deg);
  width: 112%;
}

.brand-miaoling .page-miaoling-life-map .life-map-orbit::after {
  height: 112%;
  transform: rotate(-28deg);
  width: 72%;
}

.brand-miaoling .page-miaoling-life-map .life-map-orbit p {
  color: var(--miaoling-russet);
  font-family: var(--miaoling-serif);
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: 1.2;
}

.brand-miaoling .page-miaoling-life-map .life-map-insights,
.brand-miaoling .page-miaoling-life-map .life-map-process {
  background: #641f12;
}

.brand-miaoling .page-miaoling-life-map .life-map-insight-grid {
  gap: 1rem;
}

.brand-miaoling .page-miaoling-life-map .life-map-function-shell .miaoling-function-shell {
  background: #ead9cc;
  border-color: rgba(140, 50, 28, 0.28);
}

.brand-miaoling .page-miaoling-life-map .life-map-function-shell :where(.miaoling-placeholder, .miaoling-outline-card) {
  background: rgba(242, 232, 218, 0.44);
  border-color: rgba(140, 50, 28, 0.25);
}

.brand-miaoling .page-miaoling-life-map .life-map-function-shell .miaoling-framework-note,
.brand-miaoling .page-miaoling-life-map .life-map-function-shell .miaoling-status-label {
  border-color: var(--miaoling-gold-deep);
  color: var(--miaoling-deep);
}

.brand-miaoling .page-miaoling-life-map .life-map-result-preview {
  background: var(--miaoling-deep);
  color: var(--miaoling-cream);
  margin-block: 1rem;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.brand-miaoling .page-miaoling-life-map .life-map-result-preview :where(h3, p) {
  color: var(--miaoling-cream);
}

.brand-miaoling .page-miaoling-life-map .life-map-result-mark {
  align-items: center;
  aspect-ratio: 1;
  border: 1px solid var(--miaoling-gold);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  max-width: 12rem;
}

.brand-miaoling .page-miaoling-life-map .life-map-result-mark p {
  color: var(--miaoling-gold);
  font-size: 0.75rem;
  letter-spacing: 0.22em;
}

.brand-miaoling .page-miaoling-life-map .miaoling-faq .wp-block-details {
  border-color: rgba(96, 31, 17, 0.22);
}

@media (max-width: 782px) {
  .brand-miaoling .page-miaoling-life-map .miaoling-service-hero {
    min-height: 58svh;
  }

  .brand-miaoling .page-miaoling-life-map .miaoling-service-title {
    letter-spacing: 0.07em;
    text-indent: 0.07em;
  }

  .brand-miaoling .page-miaoling-life-map .life-map-orbit,
  .brand-miaoling .page-miaoling-life-map .life-map-result-mark {
    margin-inline: auto;
  }

  .brand-miaoling .page-miaoling-life-map .life-map-orbit {
    max-width: 15rem;
  }
}