/* Results page: consistent card edges, compact actions, and clearer hierarchy. */
body .company-diagnostic-results .company-diagnostic-results-heading {
  margin-bottom: 16px;
}

body .company-diagnostic-results .company-diagnostic-results-heading h1 {
  font-size: clamp(1.6rem, 2vw, 1.9rem);
  line-height: 1.2;
}

body .company-diagnostic-results .company-diagnostic-results-heading > span {
  border: 1px solid #d7ebe0;
  padding: 7px 11px;
  background: #f1faf4;
  color: #126746;
}

body .company-diagnostic-results .company-diagnostic-result-hero {
  grid-template-columns: minmax(14rem, 28%) minmax(0, 1fr);
  border: 1px solid #d3e5da;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(13, 67, 42, .055);
}

body .company-diagnostic-results .company-diagnostic-score {
  gap: 6px;
  padding: 23px 24px;
  background: linear-gradient(140deg, #075a43, #087451);
}

body .company-diagnostic-results .company-diagnostic-score strong {
  font-size: clamp(1.9rem, 3vw, 2.45rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}

body .company-diagnostic-results .company-diagnostic-score small {
  max-width: 34ch;
  line-height: 1.45;
}

body .company-diagnostic-results .company-diagnostic-result-summary {
  padding: 23px 26px;
  background: linear-gradient(110deg, #fff 65%, #f5fbf7);
}

body .company-diagnostic-results .company-diagnostic-result-summary h2 {
  margin: 5px 0 6px;
  font-size: clamp(1.15rem, 1.7vw, 1.35rem);
  line-height: 1.25;
}

body .company-diagnostic-results .company-diagnostic-result-summary p {
  max-width: 70ch;
  line-height: 1.5;
}

body .company-diagnostic-results .company-diagnostic-result-meta {
  gap: 7px;
  margin-top: 14px;
}

body .company-diagnostic-results .company-diagnostic-result-meta :is(span, time) {
  border: 1px solid #dfede5;
  border-radius: 8px;
  background: #f5faf6;
}

body .company-diagnostic-results .company-diagnostic-dimension-grid button {
  border-color: #d4e5da;
  border-radius: 13px;
  box-shadow: 0 4px 14px rgba(13, 67, 42, .035);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body .company-diagnostic-results .company-diagnostic-dimension-grid button:hover {
  border-color: #69aa83;
  background: #f4fbf6;
  box-shadow: 0 7px 18px rgba(13, 67, 42, .09);
}

body .company-diagnostic-results .company-diagnostic-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  padding: 20px 24px;
  border: 1px solid #087b55;
  border-radius: 16px;
  background: linear-gradient(105deg, #075e46, #087b55 73%, #0b9161);
  box-shadow: 0 8px 22px rgba(7, 95, 67, .11);
}

body .company-diagnostic-results .company-diagnostic-next h2 {
  margin: 5px 0 6px;
  color: #fff;
  font-size: clamp(1.2rem, 1.8vw, 1.4rem);
  line-height: 1.25;
}

body .company-diagnostic-results .company-diagnostic-next p {
  max-width: 75ch;
  font-size: .82rem;
  line-height: 1.5;
}

body .company-diagnostic-results .company-diagnostic-next > button {
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid #e2efe7;
  border-radius: 9px;
  background: #fff;
  color: #075b43;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 750;
  line-height: 1.2;
  box-shadow: 0 3px 9px rgba(0, 55, 32, .12);
}

body .company-diagnostic-results .company-diagnostic-next > button:hover {
  background: #effaf3;
  border-color: #fff;
}

body .company-diagnostic-results .company-diagnostic-next > button svg {
  width: 15px;
  height: 15px;
}

@media (max-width: 620px) {
  body .company-diagnostic-results .company-diagnostic-result-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  body .company-diagnostic-results .company-diagnostic-score,
  body .company-diagnostic-results .company-diagnostic-result-summary {
    padding: 18px;
  }

  body .company-diagnostic-results .company-diagnostic-score strong {
    font-size: 2.1rem;
  }

  body .company-diagnostic-results .company-diagnostic-next {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
    padding: 18px;
  }

  body .company-diagnostic-results .company-diagnostic-next > button {
    width: 100%;
  }
}