body {
   color: #161616;
}

/* ================= STUDY PAGE ================= */
/* Standout layout — structure C: dominant image touching the left and top edges, facts on the right */
.study-hero { position: relative; display: grid; grid-template-columns: 1fr 1fr; min-height: 900px; }
.study-hero__media { position: relative; }
.study-hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.study-hero__ids{ color: #161616 !Important;}
/* The Input — single Input on this page, anchored to the image's bottom edge */
.study-hero__media .nvs-input { position: absolute; top: 100%; left: 24px; height: 64px; }
.study-hero__body { padding: 48px max(24px, calc((100vw - 1400px) / 2 + 24px)) 48px 48px; display: flex; flex-direction: column; justify-content: center;}
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 24px; padding: 0; }
.crumbs li + li::before { content: "/"; margin-right: 8px; color: #7a7a7a; }
.study-hero h1 { margin-bottom: 16px; color: #161616; }
/* Facts: icon left; label (small) + value stacked, centred on the icon */
.facts { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 16px; list-style: none; margin: 0 0 32px; padding: 44px 0 0; border-top: 1px solid #dadada; }
.fact { display: flex; align-items: center; gap: 16px; }
.fact img { flex: 0 0 40px; width: 40px; height: 40px; }
.fact__label { display: block; font-size: 14px; line-height: 1.5; color: #616161; }
.fact__value { display: block; font-weight: 400; line-height: 1.3; font-size: 17px;}
/* Information view toggle: Original (default) / AI simplified */
.view-toggle { display: flex;  align-items: center; gap: 8px 9px; margin: 0 0 32px; }
.view-toggle__label { font-size: 14px; color: #616161; }
.seg { display: inline-flex; border: 2px solid #161616; }
.seg button { min-height: 44px; padding: 8px 16px; font: inherit; font-size: 14px; font-weight: 500;
  border: 0; background: #fcfcfc; color: #161616; cursor: pointer;
  transition: box-shadow 150ms cubic-bezier(0.33, 0, 0.67, 1); }
.seg button[aria-pressed="true"] { background: #161616; color: #fcfcfc; }
.seg button:hover { box-shadow: inset 0 -4px 0 #ff4e00; }
.seg button:focus-visible { outline: 3px solid #161616; outline-offset: 3px; position: relative; }
.tip { position: relative; display: inline-flex; align-items: center; margin-left: 5px; }
.tip img { width: 25px; }
.tip__btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: help; }
.tip__btn img { width: 24px; height: 24px; }
.tip__btn:focus-visible { outline: 3px solid #161616; outline-offset: 0; }
.tip__bubble { 
  position: absolute; 
  z-index: 5; 
  left: -100px; 
  bottom: calc(100% + 4px); 
  width: 280px; 
  max-width: calc(100vw - 32px); /* Ensures it never overflows the screen width */
  transform: translate(-50%, 4px);
  padding: 16px; 
  background: #161616; 
  color: #fcfcfc; 
  font-size: 14px; 
  line-height: 1.5;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.33, 0, 0.67, 1), transform 150ms cubic-bezier(0.33, 0, 0.67, 1), visibility 0s linear 150ms; 
  font-style: normal; 
  box-sizing: border-box;
}
.tip.is-open .tip__bubble {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0s;
}

/* Hover only on devices that really have hover */
.tip:hover .tip__bubble {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.tip.is-open .tip__bubble {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

/* fallback for old Safari that doesn't know :focus-visible */
.tip__btn:focus + .tip__bubble {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.tip__btn:focus-visible + .tip__bubble {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

/* AI notice shown above simplified text */
.ai-note { display: flex; align-items: center; gap: 16px; max-width: 42em; margin: 0 0 24px; padding: 16px;
  border: 1px solid #dadada; font-size: 14px; }
.ai-note img { flex: 0 0 24px; width: 24px; height: 24px; }
.ai-note p { margin: 0; }
[data-version] { animation: nvs-reveal 500ms cubic-bezier(0, 0.5, 0.3, 1) both; }
[data-version][hidden] { display: none; }
@media (max-width: 767px) { .tip__bubble { 
    transform: translate(-50%, 4px); 
  }
.cr_{ flex-direction: column;}
.view-toggle {
   flex-wrap: wrap;
}

}

.study-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }

/* Page sections */
.study-section > h2 { margin-bottom: 24px; }
.cols { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.cols__main { grid-column: 1 / span 7; }
.cols__side { grid-column: 9 / span 4; }
.cols__main p { max-width: 42em; }
.lead { font-size: 20px; line-height: 1.3; }
.side-block { border-top: 1px solid #161616; padding-top: 16px; margin-bottom: 32px; }
.side-block h3 {     font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #161616 !important;
    font-size: 14px;
    color: #616161 !Important;
    font-family: volta_modern_display55_roman; }
.side-block dl { margin: 0; }
.side-block dt { font-size: 14px; color: #616161; }
.side-block dd { margin: 0 0 16px; }
.note { font-size: 14px; color: #616161; margin-top: 0px; }

/* Eligibility */
.criteria h3 { padding-top: 16px; border-top: 1px solid #161616; font-size: 25px;
    font-weight: 500;
    font-family: volta_modern_display55_roman; }
.criteria ul { margin: 0; padding-left: 1.2em; }
.criteria li, .criteria p { margin-bottom: 8px; font-size: 16px !Important; }
.criteria li ul { margin-top: 8px; }

/* Study centres */
.sites-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.sites-head h2 { margin: 0; }
.sites { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; list-style: none; margin: 0; padding: 0; }
.site { display: flex; gap: 16px; align-items: flex-start; padding: 24px; border: 1px solid #dadada; }
.site img { flex: 0 0 32px; width: 32px; height: 32px; }
.site h3 { font-size: 16px; line-height: 1.3; margin-bottom: 4px; }
.site p { margin: 0; font-size: 14px; }
.site__status { margin-top: 8px !important; font-weight: 500; }
.sites.is-collapsed .site:nth-child(n+7) { display: none; }
.sites-more { margin-top: 24px; }
.contacts { margin-top: 48px; }
.contacts h3 { margin-bottom: 8px; }
.contacts__intro { max-width: 42em; margin-bottom: 24px; }
.contacts__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

#study-title {
   font-size: 48px;
   margin-bottom: 26px;
   line-height: 50px;
}

#id_ai_toggle {
   border-radius: 0px !important;
   border-color: #dadada !important;
flex-direction: row-reverse;
}

.crumbs a,
.nct-link {
    color: #161616;
    text-decoration: underline;
    text-decoration-color:#ff4e00 !important;
    text-underline-offset: 3px;
    color: #161616 !important;
    text-decoration-thickness: 2px;
    transition: text-decoration-thickness 150ms cubic-bezier(0.33, 0, 0.67, 1);
}

.crumbs a:hover,
.nct-link:hover {
    text-decoration-thickness: 4px;
}

#id_ai_toggle a {
   border-radius: 0px !Important;
   color: #161616 !Important;
   height: 44px;
   background-color: #fcfcfc !Important;
   transition: all .3s ease-in-out;
   border: 2px solid #161616;
font-family: volta_modern_display55_roman;

}
#id_ai_toggle_wrap #id_ai_toggle .active {
    border: none !important;
    color: #fff !important;
    background-color: #161616 !Important;
}

.nvs-caption { font-size: 14px; line-height: 1.5; color: #161616;}

.nvs-btn {
    background-color: #161616 !important; 
    color: #fff !Important;
    font-size: 16px !important;
    text-decoration: none !Important;
    padding: .9rem 1.7rem !important;
    line-height: 1;
    transition: all .3s ease-in-out;
    font-family: volta_modern_display65_medium;
}

.nvs-btn img {
   width: 20px;
   transition: all .3s ease-in-out;
}

.nvs-btn:hover {
    background-color: #ff4e00 !important;
}

.nvs-btn:hover img {
   transform: translateX(5px);
}

.nvs-link,,
.btn__trial_info,
.btn__trial_info:hover,
.nvs-link:hover {
   color: #ff4e00 !important;
   text-decoration: underline;
}


#id_ai_toggle {
   text-align: center;
}

#id_ai_toggle a:hover {
   border-color: #ff4e00!important;
   color: #ff4e00!important;
}

.eligibility-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #dadada;
    padding-top: 25px;
    margin-block: 30px;
}

.eligibility-cta p {
   font-size: 14px;
   opacity: .8;
   margin-bottom: 25px;
}

.js-custom-trial-prescreener-fas-slot .c__container {
   padding-inline: 0px !important;
}

.study-section h2 {
    font-size: 32px;
    line-height: 1.0;
    margin: 0 0 30px; 
}

#details { padding-top: 100px; }


@media (max-width: 991px) {
   #study-title {
      font-size: 32px;
      line-height: 40px;
   }
   .study-section h2 {
    font-size: 28px;
   }
   .study-hero { grid-template-columns: 1fr; }
  .study-hero__media { height: 360px; }
  .study-hero__media .nvs-input { display: none; } /* Input would collide with the text below once stacked */
  .study-hero__body { padding: 32px 24px !important; }
  #details { padding-top: 50px; }
  .cols__main, .cols__side { grid-column: 1 / -1; }
  .sites { grid-template-columns: 1fr 1fr; }
  .contacts__list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
   #study-title {
      font-size: 24px;
      line-height: 36px;
   }
   .study-section h2 {
    font-size: 24px;
   }
  .study-hero__media { height: 260px; }
  .facts, .criteria, .sites { grid-template-columns: 1fr 1fr; }
  .contacts__list { grid-template-columns: 1fr; }
}

.tip img:hover {
    cursor: help;
}

.drug-item p{ font-size: 16px;}