/* Stage1099: shared paid-report width and responsive reading comfort. */
body.lt-en-shell .lt-stage389-paid-report,
body.lt-en-shell .lt-stage1015-paid-report {
  box-sizing: border-box;
  width: min(100%, 940px);
  max-width: 100%;
  min-width: 0;
}

body.lt-en-shell .lt-stage389-report-hero,
body.lt-en-shell .lt-stage389-report-section,
body.lt-en-shell .lt-stage389-section-head > div,
body.lt-en-shell .lt-stage389-section-body {
  min-width: 0;
  max-width: 100%;
}

body.lt-en-shell .lt-stage389-report-section p,
body.lt-en-shell .lt-stage389-report-section li,
body.lt-en-shell .lt-stage390-report-summary {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}

/* Generic .lt-panel is a two-column grid above 760px. A paid Astrology
   product and its report are one continuous reading surface, so they must
   span the complete panel instead of being trapped in the first column. */
body.lt-en-shell .vt-paid-astrology-panel {
  display: block;
}

body.lt-en-shell .vt-paid-astrology-panel > *,
body.lt-en-shell .vt-paid-astrology-result,
body.lt-en-shell .vt-paid-astrology-result > .lt-paid-report {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.lt-en-shell .vt-paid-astrology-result:not([hidden]) {
  display: block;
}

body.lt-en-shell .vt-paid-astrology-result > .lt-paid-report {
  margin-inline: auto;
}

@media (max-width: 1024px) {
  body.lt-en-shell .lt-stage389-paid-report {
    gap: 14px;
  }

  body.lt-en-shell .lt-stage390-report-hero {
    padding: clamp(24px, 4vw, 32px) clamp(18px, 3.4vw, 26px);
  }

  body.lt-en-shell .lt-stage389-report-section {
    padding: clamp(22px, 3.6vw, 28px) clamp(18px, 3.2vw, 24px);
  }
}

@media (max-width: 820px) {
  body.lt-en-shell .vt-paid-astrology-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body.lt-en-shell .vt-paid-astrology-panel {
    padding: 20px 14px;
  }

  body.lt-en-shell .vt-paid-astrology-result {
    margin-top: 16px;
  }

  body.lt-en-shell .vt-paid-astrology-result > .lt-paid-report,
  body.lt-en-shell .lt-stage137-viewer-body > .lt-paid-report {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  body.lt-en-shell .lt-stage390-report-hero {
    padding: 22px 15px;
    border-radius: 17px;
  }

  body.lt-en-shell .lt-stage390-report-hero h2 {
    font-size: clamp(1.8rem, 8.2vw, 2.3rem);
  }

  body.lt-en-shell .lt-stage389-report-section {
    padding: 20px 15px;
    border-radius: 17px;
  }

  body.lt-en-shell .lt-stage389-paid-report h3 {
    font-size: clamp(1.38rem, 6.4vw, 1.72rem);
    line-height: 1.18;
  }

  body.lt-en-shell .lt-stage389-section-lead,
  body.lt-en-shell .lt-stage389-section-body p {
    font-size: 1rem;
    line-height: 1.68;
  }
}

@media (max-width: 480px) {
  body.lt-en-shell .vt-paid-astrology-panel {
    padding: 18px 10px;
    border-radius: 20px;
  }

  body.lt-en-shell .vt-paid-astrology-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body.lt-en-shell .vt-paid-astrology-actions .lt-btn,
  body.lt-en-shell .vt-paid-astrology-actions .lt-mini-btn {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }

  body.lt-en-shell .lt-stage390-report-hero,
  body.lt-en-shell .lt-stage389-report-section {
    padding-left: 13px;
    padding-right: 13px;
  }

  body.lt-en-shell .lt-stage389-report-callout {
    padding: 12px;
  }
}