/* AURA MATRIX SIGNATURE REPORT SYSTEM V1.1 — presentation layer only. */
:root {
  --aura-ink: #294f68;
  --aura-blue: #e8f2f7;
  --aura-structural-blue: #dcebf2;
  --aura-ivory: #fbfaf6;
  --aura-gold: #b89556;
  --aura-gold-line: rgba(184, 149, 86, .48);
  --aura-muted: #6b818e;
}

.aura-report-surface {
  color: var(--aura-ink);
  background-color: var(--aura-ivory);
  border: 1px solid var(--aura-gold-line);
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(57, 77, 86, .08);
}

.aura-report-bg-a,
.aura-report-bg-b,
.aura-report-bg-c {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.aura-report-bg-a { background-image: url("/assets/aura-background-a-ripple.png"); }
.aura-report-bg-b { background-image: url("/assets/aura-background-b-architecture.png"); }
.aura-report-bg-c { background-image: url("/assets/aura-background-c-ink-mountain.png"); }

.aura-report-cover {
  padding: clamp(22px, 4vw, 42px);
  background-color: var(--aura-ivory);
  border: 1px solid var(--aura-gold-line);
  border-radius: 12px;
}
.aura-report-cover > :first-child { margin-top: 0; }
.aura-report-core {
  padding: clamp(20px, 3.5vw, 34px);
  background-color: var(--aura-ivory);
  border: 1px solid var(--aura-gold-line);
  border-radius: 10px;
}
.aura-report-normal {
  color: var(--aura-ink);
  background-color: var(--aura-blue);
}
.result-card-head.aura-report-core,
.result-reason.aura-report-core {
  padding: clamp(16px, 3vw, 26px);
  border: 1px solid var(--aura-gold-line);
  border-radius: 8px;
}
.result-reason.aura-report-core { margin-top: 14px; }
#result .result-insights .result-reason.aura-report-core {
  padding: clamp(16px, 3vw, 26px);
  border: 1px solid var(--aura-gold-line);
  border-radius: 8px;
}

/* One Question: a compact answer format using the established report markup. */
#reportSection .report-title.aura-report-core {
  display: block;
  padding: 22px clamp(18px, 4vw, 34px);
  color: var(--aura-ink);
  font-weight: 600;
  border: 1px solid var(--aura-gold-line);
  border-radius: 9px;
  text-align: center;
}
#reportSection .report-question.aura-report-core {
  padding: 16px 18px;
  color: var(--aura-ink);
  border: 1px solid var(--aura-gold-line);
  border-radius: 8px;
}
#reportSection .report-heading.aura-report-core {
  display: block;
  color: var(--aura-ink);
  border: 1px solid var(--aura-gold-line);
  border-radius: 8px;
}
#reportSection .report-heading.aura-report-normal { color: var(--aura-ink); }
#reportSection .report-heading.aura-report-cover { color: var(--aura-ink); }
#reportSection .report-card.aura-report-surface {
  color: var(--aura-ink);
  background-color: var(--aura-structural-blue);
  background-image: url("/assets/aura-background-b-architecture.png");
  background-position: center;
  background-size: cover;
}

/* The paid Compatibility output is sectioned around the existing API fields. */
body.chart-body #compatibility .compat-free-result.aura-report-surface {
  color: var(--aura-ink);
  background: var(--aura-ivory);
  border-color: var(--aura-gold-line);
}
body.chart-body #compatibility .compat-free-result > h3.aura-report-cover {
  padding: 24px 18px;
  color: var(--aura-ink);
  border: 1px solid var(--aura-gold-line);
  border-radius: 8px;
}
body.chart-body #compatibility .compat-free-result > section {
  margin-top: 18px;
  padding: 16px 18px;
  border-top: 1px solid var(--aura-gold-line);
}
body.chart-body #compatibility .compat-free-result > section.aura-report-core {
  border: 1px solid var(--aura-gold-line);
  border-radius: 8px;
}
body.chart-body #compatibility .compat-free-result > section h4,
body.chart-body #compatibility .compat-free-result > section p { color: var(--aura-ink); }

/* Destiny chapters flow as individual report pages and keep one background family each. */
.destiny-report-body .report-chapter.aura-report-surface {
  padding: clamp(20px, 4vw, 34px);
  margin: 18px 0;
  border: 1px solid var(--aura-gold-line);
  border-radius: 9px;
}
.destiny-report-body .report-chapter.aura-report-normal { background-image: none; }
.destiny-report-body .report-chapter.aura-report-bg-b,
.destiny-report-body .report-chapter.aura-report-bg-c { background-size: cover; }

@media print {
  #reportSection .report-heading.aura-report-core,
  #reportSection .report-heading.aura-report-cover { break-after: avoid; }
  body.chart-body #compatibility .compat-free-result > section { break-inside: avoid; }
}

/* Baby Timing keeps the approved comparison artwork in dedicated report panels. */
#result.baby-panel {
  color: var(--aura-ink);
  background: var(--aura-ivory);
}
#result.baby-panel::before,
#result .result-card.is-top::after { display: none !important; }
#result .result-card { color: var(--aura-ink); background: var(--aura-ivory); }
#result .result-card.is-top.aura-report-normal {
  background-color: var(--aura-structural-blue);
  background-image: url("/assets/aura-background-b-architecture.png");
  background-position: center;
  background-size: cover;
}
#result .result-card.is-top .result-card-head.aura-report-bg-b,
#result .result-card.is-top .result-reason.aura-report-bg-b {
  color: var(--aura-ink);
  background-color: transparent;
  background-image: none;
}
#result .result-card-head.aura-report-bg-b {
  color: var(--aura-ink);
  background-color: var(--aura-structural-blue);
  background-image: url("/assets/aura-background-b-architecture.png");
  background-position: center;
  background-size: cover;
}
#result .result-reason.aura-report-bg-b {
  color: var(--aura-ink);
  background-color: var(--aura-structural-blue);
  background-image: url("/assets/aura-background-b-architecture.png");
  background-position: center;
  background-size: cover;
}
#result .result-intro.aura-report-bg-a,
#result .result-explore.aura-report-bg-a {
  padding: clamp(22px, 4vw, 42px);
  color: var(--aura-ink);
  background-color: var(--aura-ivory);
  background-image: url("/assets/aura-background-a-ripple.png");
  background-position: center;
  background-size: cover;
}
#result .result-card h3,
#result .comparison-heading h3,
#result .comparison-candidate h4 { color: var(--aura-ink); }
#result .result-rank,
#result .result-insights p strong,
#result .result-key-difference strong,
#result .comparison-rank { color: #927543; }

/* Print each Baby Timing report role on its own A4 page. */
@media print {
  #result .result-intro.aura-report-bg-a { break-after: page; page-break-after: always; }
  #result .result-card.is-top { break-before: page; page-break-before: always; }
  #result .result-explore.aura-report-bg-a { break-before: page; page-break-before: always; }
  #result .comparison-scroll { overflow: visible; }
  #result .comparison-table { min-width: 0; }
}

/* Destiny: the cover, summary, and timeline chapters have distinct print roles. */
@media print {
  .destiny-report-cover { break-after: page; page-break-after: always; }
  .destiny-report-summary { break-after: page; page-break-after: always; }
  .destiny-report-body .report-chapter {
    break-before: auto;
    page-break-before: auto;
    break-inside: auto;
    page-break-inside: auto;
  }
  .aura-report .report-section { break-inside: avoid; }
  .aura-report .report-section--final-selection { break-before: page; page-break-before: always; }
}

@media (max-width: 600px) {
  .aura-report-surface { border-radius: 9px; }
  .aura-report-cover, .aura-report-core { border-radius: 8px; }
}

@media print {
  @page { size: A4; margin: 18mm; }
  .aura-report-bg-a, .aura-report-bg-b, .aura-report-bg-c {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    break-inside: avoid;
  }
  .aura-report-surface { box-shadow: none; }
}

/* Frozen customer report frame: full artwork regions bracket an image-free reading field. */
.aura-customer-report {
  --aura-report-art: url("/assets/aura-background-a-ripple.png");
  color: var(--aura-ink);
  background: linear-gradient(180deg,#fbfaf6 0%,#f3f7f8 54%,#fbfaf6 100%);
  border: 1px solid var(--aura-gold-line);
  overflow: hidden;
}
.aura-customer-report--architecture { --aura-report-art: url("/assets/aura-background-b-architecture.png"); }
.aura-customer-report--mountain { --aura-report-art: url("/assets/aura-background-c-ink-mountain.png"); }
.aura-report-hero,
.aura-report-footer-art {
  position: relative;
  display: flex;
  background-color: var(--aura-ivory);
  background-image: var(--aura-report-art);
  background-position: center 54%;
  background-repeat: no-repeat;
  background-size: cover;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
.aura-report-hero { min-height: clamp(150px,24vh,250px); align-items: flex-start; padding: 18px clamp(18px,5vw,48px); background: var(--aura-report-art) center 54% / cover no-repeat !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: auto !important; }
.aura-report-masthead {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: 7px 11px;
  border: 1px solid rgba(184,149,86,.58);
  background: rgba(251,250,246,.82);
  color: var(--aura-ink);
  font: 650 10px/1.5 Arial,"PingFang SC",sans-serif;
  letter-spacing: .13em;
}
.aura-report-masthead span:last-child { color: #806a3e; font-weight: 500; letter-spacing: .08em; }
.aura-report-reading-field {
  position: relative;
  padding: clamp(24px,4vw,42px) clamp(18px,5vw,48px);
  background: radial-gradient(ellipse at 82% 8%,rgba(221,236,244,.34),transparent 42%),radial-gradient(ellipse at 16% 76%,rgba(236,233,242,.2),transparent 43%),linear-gradient(180deg,#fbfaf6 0%,#f4f8fa 48%,#f9f7f2 100%);
  color: var(--aura-ink);
}
.aura-report-reading-field .aura-report-bg-a,
.aura-report-reading-field .aura-report-bg-b,
.aura-report-reading-field .aura-report-bg-c { background-image: none !important; }
.aura-customer-report .aura-report-reading-field > :first-child { margin-top: 0; }
.aura-customer-report .aura-report-reading-field .report-title,
.aura-customer-report .aura-report-reading-field .report-question,
.aura-customer-report .aura-report-reading-field .report-heading {
  background-image: none !important;
  background-color: transparent;
  box-shadow: none;
}
.aura-report-footer-art { min-height: clamp(96px,14vh,150px); align-items: flex-end; margin: 0 !important; padding: 10px clamp(18px,5vw,48px) 12px !important; background: var(--aura-report-art) center 54% / cover no-repeat !important; border: 0 !important; box-shadow: none !important; opacity: .96; }
.aura-report-footer-mark {
  padding: 5px 8px;
  color: var(--aura-ink);
  background: rgba(251,250,246,.72);
  font: 650 9px/1.5 Arial,"PingFang SC",sans-serif;
  letter-spacing: .14em;
}
.aura-report-footer-mark span { color: var(--aura-gold); }

/* Keep the existing live One Question DOM and its frozen answer markup intact. */
#reportSection .report-card.aura-customer-report { padding: 0; border-radius: 2px; box-shadow: 0 14px 40px rgba(18,63,92,.08); }
#reportSection .aura-report-reading-field .report-title { margin: 0 0 20px; padding: 0 0 12px; border: 0; border-bottom: 1px solid var(--aura-gold-line); border-radius: 0; text-align: left; font-size: clamp(25px,4vw,36px); }
#reportSection .aura-report-reading-field .report-question { margin: 0 0 22px; background: rgba(221,236,244,.62); }
#reportSection .aura-report-reading-field .report-box { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
#reportSection .aura-report-reading-field .report-stamp,
#reportSection .aura-report-reading-field .report-logo { display: none !important; }
#reportSection .aura-report-reading-field .report-actions,
#reportSection .aura-report-reading-field .upgrade-card { margin-top: 24px; }

/* The live Baby result is still built exclusively from the completed report payload. */
#result.baby-panel.aura-customer-report { padding: 0; border: 1px solid var(--aura-gold-line); border-radius: 2px; box-shadow: 0 14px 40px rgba(18,63,92,.08); }
#result .aura-report-reading-field { display: flow-root; }
#result .aura-report-reading-field > .result-intro { margin: 0 0 22px; padding: 0 0 14px; border-bottom: 1px solid var(--aura-gold-line); }
#result .aura-report-reading-field > .result-intro h2 { margin-top: 5px; }
#result .aura-report-reading-field .result-intro.aura-report-bg-a,
#result .aura-report-reading-field .result-explore.aura-report-bg-a { background-image: none; background-color: transparent; }
#result .aura-report-reading-field .result-explore { margin: 26px 0 0; padding: 0; }
#result .aura-report-reading-field .result-card,
#result .aura-report-reading-field .result-card-head,
#result .aura-report-reading-field .result-reason { background-image: none !important; }

/* Compatibility and Destiny use persisted report fields inside the same clean surface. */
body.chart-body #compatibility .compat-free-result.compat-customer-report { margin-top: 24px; padding: 0; border-radius: 2px; background: linear-gradient(180deg,#fbfaf6 0%,#f3f7f8 54%,#fbfaf6 100%); }
.compat-customer-report .compat-report-sections > h3 { margin: 0 0 18px; padding: 0 0 12px; border-bottom: 1px solid var(--aura-gold-line); color: var(--aura-ink); font: 500 clamp(25px,4vw,36px)/1.35 Georgia,"Songti SC",serif; }
.compat-customer-report .compat-report-sections > section { padding: 15px 0; border: 0; border-top: 1px solid var(--aura-gold-line); border-radius: 0; background: transparent; }
.compat-customer-report .compat-report-sections > section.aura-report-core { padding: 15px 0; border: 0; border-top: 1px solid var(--aura-gold-line); border-radius: 0; background: transparent; }
.destiny-report-paper.aura-customer-report { padding: 0; border-radius: 2px; }
.destiny-report-paper { --aura-report-art: url("/assets/aura-background-c-ink-mountain.png"); }
.destiny-report-paper.aura-customer-report::before { content: none; }
.destiny-report-reading-field .destiny-report-cover { min-height: 0; height: auto; max-height: none; padding: 0 0 24px; text-align: left; border-bottom: 1px solid var(--aura-gold-line); }
.destiny-report-reading-field .destiny-report-cover h1 { font-size: clamp(30px,5vw,48px); }
.destiny-report-reading-field .report-cover-kicker,.destiny-report-reading-field .report-cover-seal,.destiny-report-reading-field .report-cover-product,.destiny-report-reading-field .report-cover-rule { display: none; }
.destiny-report-reading-field .destiny-report-summary { width: 100%; padding: 24px 0; }
.destiny-report-reading-field .destiny-report-body { padding: 4px 0 24px; }
.destiny-report-reading-field .destiny-health-disclaimer { margin-top: 8px; }
.destiny-report-reading-field .report-chapter { background-image: none !important; background-color: rgba(221,236,244,.36); box-shadow: none; }

@media (max-width: 600px) {
  .aura-report-hero { min-height: 22vh; padding: 14px 18px 9px; }
  .aura-report-reading-field { padding: 22px 18px; }
  .aura-report-footer-art { min-height: 12vh; padding: 8px 18px 10px; }
  #result .aura-report-reading-field { padding: 20px 14px; }
}
@media print {
  @page { size: A4; margin: 0; }
  .aura-customer-report { border: 0; box-shadow: none; border-radius: 0; }
  .aura-report-hero { min-height: 58mm; height: 22vh; }
  .aura-report-footer-art {
    min-height: 38mm;
    height: 40vh;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .aura-report-reading-field { padding: 13mm 16mm; background-color: #fbfaf6; }
  #reportSection .report-actions,.report-screen-only { display: none !important; }
  #result .result-card { break-inside: avoid; page-break-inside: avoid; }
  .destiny-report-reading-field .destiny-report-cover { break-after: avoid; }
  body.chart-body #compatibility .compat-free-result.compat-customer-report { break-inside: auto; }
  .compat-customer-report .compat-report-sections > section { break-inside: avoid; page-break-inside: avoid; }
  /* The screen output card wraps the paid report. Remove its trailing screen box in print. */
  body.chart-body #compatibility #compat-output.is-visible {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
  }
}