/* NIH Toolbox only. The base stylesheet is shared by other case studies. */
.nih-case main p.case-eyebrow { color:#ff7034; }
.nih-case :is(.case-hero,.case-section) :is(h1,h2) { font-weight:700; letter-spacing:-.05em; line-height:1.06; }
.nih-case .case-section { padding:clamp(60px,5.2vw,84px) 0; }
.nih-case .case-hero { min-height:680px; padding-block:128px 76px; }
.nih-case .case-hero h1 { font-size:clamp(58px,6.3vw,98px); }
.nih-case .case-hero__summary { max-width:440px; }
.nih-case .case-facts li { border-color:#ffffff30; backdrop-filter:none; }
.nih-case .case-overview__grid { grid-template-columns:minmax(0,1fr) minmax(220px,.63fr) minmax(0,1fr); gap:32px; }
.nih-case .case-overview h2 { font-size:clamp(34px,3vw,48px); }
.nih-case .case-details { padding:8px 20px; border-radius:3px; background:#101115; }
.nih-case .case-details div { padding:18px 0; }
.nih-case .case-details dd { font-weight:500; line-height:1.5; }
.nih-case .case-overview__photo img { height:auto; aspect-ratio:1.5; object-fit:contain; border-radius:3px; }
.nih-case .case-gallery { background:linear-gradient(180deg,#08090b,#101115 45%,#08090b); }
.nih-case .case-gallery__track { gap:14px; padding:5px 4px 16px; margin-inline:-4px; scroll-padding-inline:4px; scroll-snap-type:x proximity; }
.nih-case .case-gallery__item { flex:0 0 calc((100% - 70px)/6); display:flex; flex-direction:column; align-self:stretch; padding:0 0 18px; border:1px solid #ffffff25; border-radius:3px; background:#101115; transition:border-color .35s,background .35s; }
.nih-case .case-gallery__item .case-gallery__thumbnail { display:grid; place-items:center; width:100%; aspect-ratio:1100/733; padding:0; margin:0; background:#08090b; }
.nih-case .case-gallery__item img { width:100%; height:auto; max-height:100%; aspect-ratio:auto; object-fit:contain; border:0; border-radius:2px 2px 0 0; transform:none; transition:filter .35s; }
.nih-case .case-gallery__item>span:not(.case-gallery__thumbnail) { padding:0 12px; margin-top:16px; font-weight:600; font-size:10px; line-height:1.5; }
.nih-case .case-gallery .case-disclaimer { margin:18px 0 24px; }
.nih-case .case-gallery__item small { padding:0 12px; margin-top:4px; line-height:1.5; }
.nih-case .case-gallery__item:is(.is-current,:hover,:focus-visible) { border-color:#ff7034; background:#17181c; }
.nih-case .case-gallery__item:is(.is-current,:hover,:focus-visible) img { transform:none; filter:contrast(1.035); }
.nih-case .case-gallery__arrow { width:44px; height:44px; }
.nih-case .case-gallery__arrow:disabled { opacity:.35; cursor:default; border-color:#ffffff25; background:#0b0c0e; }
.nih-case .case-gallery__item:focus-visible { outline:2px solid #ff7034; outline-offset:2px; }
.nih-case .case-work__grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(36px,6vw,88px); align-items:center; }
.nih-case .qa-verification { position:relative; --qa-progress:1; }
.nih-case .case-work__list { position:relative; grid-template-columns:1fr; gap:0; }
.nih-case .case-work__list li { position:relative; gap:22px; padding:16px 0; min-height:95px; }
.nih-case .case-work__list li>span { position:relative; z-index:1; align-self:center; background:#101115; border-radius:3px; border:1px solid #ff7034; color:#ff7034; width:36px; height:36px; box-shadow:none; transition:color .3s,border-color .3s,background .3s; }
.nih-case .case-work__list li>div { flex:1; padding-bottom:16px; border-bottom:1px solid #ffffff1f; }
.nih-case .case-work__list li:last-child>div { border-bottom:0; padding-bottom:0; }
.nih-case .case-work__list h3 { font-size:17px; font-weight:600; line-height:1.4; margin-bottom:6px; }
.nih-case .case-work__list p { font-size:14px!important; line-height:1.65!important; max-width:48ch; }
.nih-case .qa-verification__track { position:absolute; width:1px; top:40px; bottom:40px; left:17.5px; background:#ffffff29; pointer-events:none; }
.nih-case .qa-verification__track>span { position:absolute; inset:0; background:#ff7034; transform-origin:top; transform:scaleY(var(--qa-progress)); }
.nih-case .has-qa-motion li:not(.is-verified)>span { color:#b5b5ba; border-color:#ffffff40; }
.nih-case .has-qa-motion li.is-verified>span { background:#17181c; }
.nih-case .case-outcome { background:linear-gradient(100deg,#101115,#08090b 70%); }
.nih-case .case-outcome__grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:48px; }
.nih-case .case-outcome__highlights { gap:16px; }
.nih-case .case-outcome__highlights article { min-height:215px; padding:26px 22px; background:#17181c; border:1px solid #ffffff20; border-radius:3px; }
.nih-case .case-outcome__highlights h3 { font-size:16px; font-weight:600; }
.nih-case .case-outcome__highlights p { font-size:14px!important; line-height:1.6!important; }
.nih-case .case-tools ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; border-top:1px solid #ffffff24; }
.nih-case .case-tools li { padding-block:20px; font-weight:500; }
.nih-case .case-tools li::before { content:""; width:4px; height:4px; background:#ff7034; top:calc(50% - 2px); }
.nih-case .nih-enter { animation:nih-enter .65s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--nih-delay,0ms); }
@keyframes nih-enter { from { opacity:.55; translate:0 12px; } to { opacity:1; translate:0 0; } }

/* CTA color correction: static, neutral surfaces; unchanged content and controls. */
.nih-case .case-next { background:#08090b; }
.nih-case .case-next__cta { padding-left:clamp(26px,3vw,48px); border-left:1px solid #303137; background:linear-gradient(90deg,#17181c55,transparent 72%); }

@media(max-width:1120px) {
  .nih-case .case-overview__grid { grid-template-columns:1fr 1fr; }
  .nih-case .case-overview__copy { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 36px; align-items:start; }
  .nih-case .case-overview__copy .case-eyebrow { grid-column:1; }
  .nih-case .case-overview__copy h2 { grid-column:1; grid-row:2/4; }
  .nih-case .case-overview__copy p:not(.case-eyebrow) { grid-column:2; }
  .nih-case .case-overview__copy p:nth-last-child(2) { grid-row:1/3; }
  .nih-case .case-gallery__item { flex-basis:calc((100% - 28px)/3); }
  .nih-case .case-gallery__item>span:not(.case-gallery__thumbnail) { font-size:11px; }
  .nih-case .case-outcome__grid { grid-template-columns:1fr; gap:24px; }
  .nih-case .case-outcome__highlights article { min-height:0; }
}
@media(max-width:800px) {
  .nih-case .case-work__grid { grid-template-columns:1fr; gap:24px; }
  .nih-case .case-work__list li { min-height:88px; }
  .nih-case .case-work__list p { max-width:60ch; }
}
@media(max-width:768px) {
  .nih-case .case-hero { min-height:690px; padding:260px 0 70px; }
  .nih-case .case-overview__copy { display:block; }
  .nih-case .case-overview__copy h2 { max-width:24ch; }
  .nih-case .case-gallery__item { flex-basis:calc((100% - 14px)/2); }
  .nih-case .case-next__cta { padding:32px 0 0; border-left:0; border-top:1px solid #303137; background:linear-gradient(180deg,#17181c55,transparent 72%); }
  .nih-case .case-next__grid { gap:32px; }
}
@media(max-width:540px) {
  .nih-case .case-hero { min-height:0; padding:270px 0 54px; }
  .nih-case .case-hero h1 { font-size:clamp(48px,12vw,68px); }
  .nih-case .case-section { padding:56px 0; }
  .nih-case .case-overview__grid { grid-template-columns:1fr; }
  .nih-case .case-overview h2 { font-size:35px; }
  .nih-case .case-gallery__item { flex-basis:84%; }
  .nih-case .case-gallery__item>span:not(.case-gallery__thumbnail) { font-size:12px; }
  .nih-case .case-gallery__item small { font-size:12px; }
  .nih-case .case-work__list li { gap:16px; }
  .nih-case .case-outcome__highlights { grid-template-columns:1fr; }
  .nih-case .case-tools ul { gap:0 18px; }
}
@media(prefers-reduced-motion:reduce) {
  .nih-case .nih-enter { animation:none; }
  .nih-case .qa-verification__track>span { transform:none; }
}