.institute-reference {
  --reference-navy: #142f50;
  --reference-muted: #475a73;
  --reference-line: #dbe5f0;
}
.institute-reference-intro { padding: 4px 0 20px; }
.institute-reference-kicker { font-size: .82rem; font-weight: 800; }
.institute-reference-intro .institute-reference-kicker { color: #285b90; }
.institute-reference-intro h2 { margin: 7px 0; color: var(--reference-navy); }
.institute-reference-intro p { margin: 0; color: var(--reference-muted); }
.institute-reference-filters { margin-bottom: 20px; }
.institute-reference-hero {
  overflow: hidden;
  border-radius: 20px;
  background: var(--reference-navy);
  color: #fff;
}
.institute-reference-cover { width: 100%; height: clamp(150px, 24vw, 300px); display: block; object-fit: cover; }
.institute-reference-brand { display: flex; gap: 20px; align-items: center; padding: clamp(18px, 4vw, 36px); }
.institute-reference-logo { width: clamp(72px, 13vw, 130px); aspect-ratio: 1; flex-shrink: 0; object-fit: contain; padding: 10px; background: white; border-radius: 16px; }
.institute-reference-brand .institute-reference-kicker { color: #c4dcfa; }
.institute-reference-brand h3 { color: inherit; font-size: clamp(1.15rem, 3vw, 2rem); margin: 5px 0; overflow-wrap: anywhere; }
.institute-reference-brand p { margin: 0; color: #edf5ff; }
.institute-reference-facts, .institute-reference-sections { display: grid; gap: 12px; margin: 16px 0; }
.institute-reference-facts { grid-template-columns: repeat(auto-fit, minmax(min(100%, 185px), 1fr)); }
.institute-reference-sections { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); }
.institute-reference-facts > div, .institute-reference-sections > section, .institute-reference-contact {
  background: #f7faff;
  border: 1px solid var(--reference-line);
  border-radius: 14px;
  padding: 16px 18px;
}
.institute-reference-facts dt { font-size: .82rem; color: var(--reference-muted); }
.institute-reference-facts dd { margin: 3px 0 0; color: var(--reference-navy); font-weight: 800; }
.institute-reference h4 { margin: 0 0 8px; color: var(--reference-navy); }
.institute-reference-sections ul, .institute-reference-sources ul { margin: 0; padding-inline-start: 19px; }
.institute-reference-sections li + li { margin-top: 8px; }
.institute-reference-contact p { margin: 0 0 8px; }
.institute-reference-contact div { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.institute-reference-contact a { color: #1c568b; overflow-wrap: anywhere; }
.institute-reference-sources { margin-top: 15px; color: var(--reference-muted); font-size: .88rem; }
.institute-reference-sources summary { cursor: pointer; }
@media (max-width: 480px) {
  .institute-reference-brand { align-items: flex-start; flex-direction: column; gap: 12px; }
}