/* P4-S5 rendered QA refinements. Kept bounded to the final product/report composition. */

html {
  scroll-padding-top: 108px;
}

.home-product-page .hero {
  min-height: auto;
  padding-block: clamp(56px, 6.5vw, 92px);
}

.hero__copy h1 {
  max-width: 16ch;
  font-size: clamp(3.1rem, 4.8vw, 5.2rem);
  line-height: 1.01;
}

.report-proof,
.capability-scope,
.decision-section,
.trust-proof,
.home-closing {
  padding-block: clamp(64px, 6.5vw, 96px);
}

[data-unified-report] {
  scroll-margin-top: 108px;
}

[data-report-detail],
#report-roadmap {
  scroll-margin-top: 164px;
}

.unified-capability {
  grid-template-columns: minmax(118px, 0.55fr) minmax(180px, 1fr) 118px;
}

.unified-capability > strong {
  justify-self: end;
  text-align: right;
}

.unified-capability__track {
  width: 100%;
}

.finding-card__evidence {
  margin-top: 4px;
  border: 1px solid var(--p4-border);
  border-radius: 9px;
  background: rgb(255 255 255 / 72%);
}

.finding-card__evidence > summary {
  display: block !important;
  min-height: 0 !important;
  width: auto !important;
  padding: 12px 14px !important;
  color: var(--p4-accent-strong);
  font-size: 0.78rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  white-space: normal;
  cursor: pointer;
}

.finding-card__evidence > .finding-instances {
  padding: 0 12px 12px;
}

.finding-card__body > p:not(.finding-card__action) {
  max-width: 70ch;
}

[data-page-results] > section > .section-heading .section-kicker,
[data-audit-results] > section > .section-heading .section-kicker,
[data-structured-results] .section-heading .section-kicker,
[data-llms-results] .section-heading .section-kicker,
[data-entity-results] .section-heading .section-kicker {
  color: var(--p4-accent);
}

@media (max-width: 900px) {
  html {
    scroll-padding-top: 92px;
  }

  [data-unified-report] {
    scroll-margin-top: 92px;
  }

  [data-report-detail],
  #report-roadmap {
    scroll-margin-top: 148px;
  }

  .hero__copy h1 {
    max-width: 15ch;
  }
}

@media (max-width: 680px) {
  .home-product-page .hero {
    padding-block: 40px 56px;
  }

  .hero__copy h1 {
    max-width: 12.5ch;
    font-size: clamp(2.55rem, 11.8vw, 3.4rem);
  }

  .report-proof,
  .capability-scope,
  .decision-section,
  .trust-proof,
  .home-closing {
    padding-block: 52px;
  }

  .unified-report__identity {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .unified-report__identity > div:first-child {
    display: none;
  }

  .report-decision__grid {
    gap: 14px;
  }

  .report-posture {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 14px;
    padding: 22px 18px;
  }

  .report-posture__ring {
    grid-column: 1;
    width: 120px;
    margin-inline: auto;
    border-width: 10px;
  }

  .report-posture__ring strong {
    font-size: 2.75rem;
  }

  .report-posture__label {
    grid-column: 1;
    justify-items: center;
    text-align: center;
  }

  .report-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 280px);
    margin-inline: auto;
  }

  .report-facts > div {
    min-width: 0;
    padding: 10px 8px;
  }

  .report-facts span {
    font-size: 0.66rem;
    line-height: 1.35;
  }

  .unified-report__summary {
    max-width: 31ch;
    margin-inline: auto;
    text-align: center;
  }

  .unified-capability {
    grid-template-columns: minmax(82px, 0.65fr) minmax(90px, 1fr) minmax(82px, auto);
  }

  .unified-capability > strong {
    font-size: 0.76rem;
  }

  .finding-card__evidence > summary {
    padding: 11px 12px !important;
  }
}

@media print {
  html {
    scroll-padding-top: 0;
  }

  [data-unified-report],
  [data-report-detail],
  #report-roadmap {
    scroll-margin-top: 0;
  }

  .finding-card__evidence {
    border-color: #d3d8e0;
    background: #fff;
  }
}