/* People Behind the Science — connected scientists modal, mobile-first.
   This is intentionally a single scrolling surface. There are no pinned
   headers, filters or explanatory footer. */
.sc-index-trigger,.sc-page-trigger{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  gap:.4rem;text-align:center;cursor:pointer;font:inherit;font-weight:850;
  border:2px solid #90c0cc;border-radius:12px;color:#143a52;
  background:#eaf6f5;padding:12px 15px;min-height:46px;
}
.sc-index-trigger:hover,.sc-page-trigger:hover{background:#d3eae9}
.sc-index-trigger:focus-visible,.sc-page-trigger:focus-visible,
#sc-related-dialog a:focus-visible,#sc-related-dialog button:focus-visible{
  outline:3px solid #e69cbb;outline-offset:3px;
}
.sc-index-trigger{width:100%;margin-top:8px}
.sc-page-trigger{background:#eaf6f5;color:#173c53;white-space:normal}
#sc-related-dialog{position:fixed;inset:0;z-index:99999;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0c1c30;
  color:#edf4fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  visibility:hidden;opacity:0;pointer-events:none;
}
#sc-related-dialog[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto}
#sc-related-dialog *{box-sizing:border-box}
#sc-related-dialog .sc-shell{width:min(1210px,100%);margin:30px auto 46px;
  background:#10273b;border:1px solid #49637b;border-radius:23px;
  box-shadow:0 24px 80px #020b17a8;overflow:clip;min-height:200px}
/* In the normal document flow: the title scrolls away with the scientists. */
#sc-related-dialog .sc-intro{padding:33px 37px 24px;
  background:linear-gradient(135deg,#183e58,#10273b);}
#sc-related-dialog .sc-eyebrow{color:#9fddd6;font-size:.78rem;letter-spacing:.11em;
  text-transform:uppercase;font-weight:850;margin:0 0 8px}
#sc-related-dialog h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.045em;
  line-height:1.1;margin:0 54px 8px 0;color:#fff;font-weight:900}
#sc-related-dialog .sc-sub{font-size:clamp(.97rem,1.25vw,1.14rem);color:#d6e7ef;
  line-height:1.4;margin:0;max-width:850px}
#sc-related-dialog .sc-count{display:inline-block;margin-top:14px;font-weight:800;
  font-size:.84rem;color:#a4d3e0}
#sc-related-dialog .sc-cards{padding:24px 27px 34px;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
#sc-related-dialog .sc-card{overflow:hidden;display:flex;flex-direction:column;
  min-width:0;border:1px solid #4c6680;border-radius:17px;background:#1c344b;
  box-shadow:0 6px 16px #07121c4d}
#sc-related-dialog .sc-card.sc-current{border:2px solid #f3c46d;background:#263b50;
  box-shadow:0 0 0 2px #f3c46d16}
#sc-related-dialog .sc-image{position:relative;height:170px;flex-shrink:0;
  background:linear-gradient(120deg,#355a67,#526880);overflow:hidden}
#sc-related-dialog .sc-image img{width:100%;height:100%;object-fit:cover;object-position:50% 37%;display:block;
  position:relative;z-index:1}
#sc-related-dialog .sc-fallback{position:absolute;inset:0;display:grid;place-items:center;
  font-size:3.5rem;font-weight:900;color:#d9ebf2a0}
#sc-related-dialog .sc-details{min-width:0;display:flex;flex-direction:column;gap:7px;
  flex:1;padding:17px}
#sc-related-dialog .sc-card-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#sc-related-dialog .sc-year{font-weight:850;font-size:.79rem;color:#f4d397;letter-spacing:.03em}
#sc-related-dialog .sc-here{background:#f5cd80;color:#23364b;font-weight:900;
  font-size:.72rem;border-radius:30px;padding:4px 8px}
#sc-related-dialog h3{font-size:clamp(1.18rem,1.6vw,1.52rem);letter-spacing:-.025em;
  line-height:1.13;margin:1px 0 0;color:#fff}
#sc-related-dialog .sc-theme{font-size:.72rem;color:#aee0df;text-transform:uppercase;
  font-weight:850;letter-spacing:.05em;margin:0}
#sc-related-dialog .sc-description{font-size:.93rem;line-height:1.39;color:#e0eaf4;margin:0 0 8px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#sc-related-dialog .sc-open{display:flex;align-items:center;justify-content:space-between;
  gap:8px;background:#e9f3f4;color:#103449;text-decoration:none;border-radius:10px;
  padding:10px 12px;font-weight:900;font-size:.9rem;min-height:44px;margin-top:auto}
#sc-related-dialog .sc-open:hover{background:#fff}
#sc-related-dialog .sc-close{position:fixed;right:max(14px,env(safe-area-inset-right));
  top:max(14px,env(safe-area-inset-top));z-index:3;background:#f2f6f9;color:#122e43;
  border:2px solid #789cb0;box-shadow:0 6px 28px #041320aa;
  border-radius:999px;min-width:46px;min-height:46px;padding:8px 12px;
  font-size:1.1rem;font-weight:900;cursor:pointer}
#sc-related-dialog .sc-empty{padding:25px 35px 45px;color:#dceaf0;font-size:1.1rem}
@media (max-width:950px){
  #sc-related-dialog .sc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  #sc-related-dialog{background:#10273b}
  #sc-related-dialog .sc-shell{min-height:100vh;min-height:100dvh;
    margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible}
  #sc-related-dialog .sc-intro{padding:28px 19px 19px}
  #sc-related-dialog .sc-eyebrow{font-size:.7rem}
  #sc-related-dialog h2{font-size:clamp(1.55rem,6.5vw,2.1rem);margin-right:45px}
  #sc-related-dialog .sc-sub{font-size:.95rem;line-height:1.38}
  #sc-related-dialog .sc-count{margin-top:8px}
  #sc-related-dialog .sc-cards{grid-template-columns:1fr;gap:11px;padding:11px 12px 32px}
  #sc-related-dialog .sc-card{display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:15px;min-height:166px}
  #sc-related-dialog .sc-image{height:100%;min-height:166px}
  #sc-related-dialog .sc-details{padding:12px 12px 11px;gap:5px}
  #sc-related-dialog h3{font-size:clamp(1.05rem,4.4vw,1.35rem)}
  #sc-related-dialog .sc-description{font-size:.84rem;line-height:1.32;-webkit-line-clamp:2;margin-bottom:2px}
  #sc-related-dialog .sc-theme{font-size:.67rem;line-height:1.2}
  #sc-related-dialog .sc-year{font-size:.75rem}
  #sc-related-dialog .sc-open{font-size:.85rem;min-height:42px;padding:8px 11px}
  #sc-related-dialog .sc-close{top:max(9px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right));
    min-height:43px;min-width:43px;font-size:1rem}
}
@media (max-width:355px){
  #sc-related-dialog .sc-card{grid-template-columns:92px minmax(0,1fr)}
  #sc-related-dialog .sc-image{min-height:174px}
  #sc-related-dialog .sc-details{padding:10px}
}
@media (prefers-reduced-motion:reduce){#sc-related-dialog{scroll-behavior:auto}}