/* ShadiGiva readability and spacing — complements typography.css (no forced 18px) */
body {
  line-height: 1.48;
}

p,
li,
.ssub,
.destiny-copy,
.wfd,
.svc-card p,
.horoscope-copy,
.hm span,
.astro-step span,
.acd,
.squote,
.app-d,
.match-form-note {
  line-height: 1.48;
  text-align: left;
}

h1,
h2,
h3,
.stitle,
.destiny-title,
.horoscope-title,
.app-h,
.pl-n,
.slabel,
.hs-ttl {
  text-align: center;
}

h2,
.stitle,
.destiny-wrap .destiny-title,
.horoscope-title,
.app-h {
  font-size: clamp(1.28rem, 2vw, 1.8125rem);
  line-height: 1.25;
}

.verify-usp .stitle,
#astro-services > .stitle,
#astro-services .horoscope-title {
  font-size: clamp(calc(1.28rem - 1pt), calc(2vw - 1pt), calc(1.8125rem - 1pt));
}

.sw,
.astro-s,
.plans-section,
.stories-section,
.destiny-section,
.app-s,
section.panel,
.panel,
.kg-footer-support {
  position: relative;
}

.sw + .sw,
.sw + .astro-s,
.astro-s + .sw,
.plans-section,
.stories-section,
.kg-footer-support,
section.panel + section.panel {
  border-top: 1px solid rgba(176, 146, 40, 0.28);
}

.sw::before,
.astro-s::before,
.plans-section::before,
.stories-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: max(1.25rem, calc((100% - 1100px) / 2));
  right: max(1.25rem, calc((100% - 1100px) / 2));
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(192, 146, 40, 0.45), transparent);
}

.hero p,
.hsub,
.footer p,
footer p,
footer li,
footer a {
  line-height: 1.48;
}

.hero p,
.hsub {
  text-align: left;
}

.section-title,
.section-title h2,
.section-title p,
.kg-output-banner,
.kg-banner-title,
.kg-banner-kicker {
  text-align: center;
}

.panel p,
.form-panel p,
.result-content p,
.notice p,
.kg-footer-support p {
  line-height: 1.48;
  text-align: left;
}

.profile-app-layout {
  gap: 1rem;
}

.profile-app-layout .main-content {
  gap: 1rem;
}