/* Results cluster hub + shared accents */

.clat-results-hub .sem-wrap,
.clat26-page .sem-wrap,
.clat-hist-page .sem-wrap {
  max-width: 1120px;
}

.kn-res-hub-lead {
  margin: 0 0 22px;
  color: #4a5568;
  line-height: 1.75;
  font-size: 1.02rem;
}

.kn-res-hub-lead a {
  color: #8a6a14;
  font-weight: 700;
}

.kn-res-hub-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 28px;
}

.kn-res-hub-stat {
  background: #fff;
  border: 1px solid #e4dfd4;
  border-radius: 12px;
  padding: 14px 16px;
}

.kn-res-hub-stat span {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
  margin-bottom: 6px;
}

.kn-res-hub-stat strong {
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
  font-size: 1.4rem;
  color: #0a225f;
  font-weight: 700;
  line-height: 1.2;
}

.kn-res-hub-stat em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 0.82rem;
  color: #4a5568;
}

.kn-res-hub-section {
  margin: 0 0 30px;
}

.kn-res-hub-section h2 {
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: #0a225f;
  margin: 0 0 12px;
}

.kn-res-hub-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.kn-res-card-primary {
  border-color: #d9d0bf;
  box-shadow: 0 8px 22px rgba(28, 25, 21, 0.05);
  background: linear-gradient(180deg, #fff 0%, #fbfaf7 100%);
}

.kn-res-kicker {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a6a14;
  margin-bottom: 8px;
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
}

.kn-res-open {
  display: inline-block;
  margin-top: 12px;
  font-size: 0.86rem;
  font-weight: 700;
  color: #0a225f;
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
}

.kn-res-card:hover .kn-res-open {
  color: #8a6a14;
}

.kn-cluster-links .kn-cluster-current,
.kn-cluster-links span.kn-cluster-current {
  background: #0a225f;
  border: 1px solid #0a225f;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.kn-results-links {
  margin-top: 8px;
}

.kn-res-hub-faq details {
  border: 1px solid #e4dfd4;
  border-radius: 12px;
  background: #fff;
  margin: 0 0 10px;
  overflow: hidden;
}

.kn-res-hub-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 14px 18px;
  font-weight: 700;
  color: #1c1915;
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
  position: relative;
  padding-right: 36px;
}

.kn-res-hub-faq summary::-webkit-details-marker {
  display: none;
}

.kn-res-hub-faq summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #e6ad38;
  font-weight: 800;
}

.kn-res-hub-faq details[open] summary::after {
  content: "–";
}

.kn-res-hub-faq details p {
  margin: 0;
  padding: 0 18px 16px;
  color: #4a5568;
  line-height: 1.7;
}

.kn-res-hub-faq a {
  color: #8a6a14;
  font-weight: 700;
}

.kn-res-hub-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}

.kn-res-hub-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  font-family: "Roboto Condensed", "Open Sans", sans-serif;
}

.kn-res-hub-cta .btn-primary {
  background: #e6ad38;
  color: #2c2a26;
}

.kn-res-hub-cta .btn-ghost {
  border: 1px solid #c9c2b4;
  color: #0a225f;
  background: transparent;
}

@media (max-width: 820px) {
  .kn-res-hub-stats {
    grid-template-columns: 1fr;
  }
}