/* Bootstrap integration preserves the original preview's visual rules. */
.nav.navbar-nav{flex-direction:row}
.dd.dropdown-menu{display:block;float:none}
.dd.show{opacity:1;pointer-events:auto;transform:none}
.nav-dd .dropdown-toggle:after{border:0;margin:0}
.mnav.collapse:not(.show){display:none}
.mnav.collapsing{height:0;overflow:hidden;transition:height .25s ease}
.bio-panel{display:block}
.modal-bg[hidden]{display:none!important}
.hero-still{display:none}
@media(prefers-reduced-motion:reduce){.lhero-video{display:none}.hero-still{display:block}}
[hidden]{display:none!important}
.pub-load-more{grid-column:1/-1;text-align:center;padding-top:12px}
.pub-load-status{margin:12px 0 0;color:var(--ink);font-size:14px}
.notice:empty{display:none}
.chart-box svg{touch-action:pan-y}
.nojs-contact{padding-top:24px;padding-bottom:24px}

/* Preserve the original React inline border after HTML serialization. */
form[data-service="contact"]{border:1px solid var(--rule);border-top:4px solid var(--cyan-500)}

/* Match the soft navigation hover for dropdown and keyboard-focus states. */
.hdr .nav-link:focus-visible,
.hdr .nav-chev:focus-visible{
  outline:none;
  background:#f1f5f9;
  color:var(--navy-800);
}
.hdr .nav-link[aria-expanded="true"]{background:#f1f5f9}

/* Keep investor sub-navigation at the same vertical position on every overview page. */
.phead.investor-header{
  box-sizing:border-box;
  height:280px;
  padding-bottom:0;
}
@media(max-width:1023px){
  .phead.investor-header{height:240px}
}

/* Updated footer wordmark, sized slightly larger for legibility. */
.ftr .footer-logo{height:56px;width:auto;max-width:100%}

/* Preserve space between the icon and title on undated presentation cards. */
.feat-pres > .feat-ic + h3{margin-top:20px}

/* Full cover preview for the featured presentation. */
.feat-pres .presentation-thumbnail{display:block;width:100%;height:auto;margin-bottom:20px}

/* White backgrounds for management portraits and their biography dialogs. */
.mcard .hs,.modal-hd .hs{background:#fff}

/* Clinical trial cards without images use the full row width. */
.trow.trow-text{grid-template-columns:1fr}

/* Preserve the full framing of the supplied circular management portraits. */
.hs img.management-headshot{object-fit:contain;object-position:center;transform:none}

/* Indent each program with a separate short guide beside its link. */
#menu-pipeline .pipeline-child{position:relative}
#menu-pipeline .pipeline-child::before,
.mnav a.pipeline-child::before{
  content:"";
  position:absolute;
  inset-block:10px;
  width:1px;
  background:var(--rule-light);
  pointer-events:none;
}
#menu-pipeline .pipeline-child::before{inset-inline-start:14px}
#menu-pipeline .pipeline-child>a{padding-inline-start:34px}
.mnav a.pipeline-child{position:relative;padding-inline-start:20px;border-bottom:0}
.mnav a.pipeline-child::before{inset-inline-start:0}

/* Match each program header's badges to its Pipeline overview colors. */
.pg-hero .prow-hl li{background:var(--c-tint);border:0}

/* Disease-specific subheadings within program clinical data. */
.pg-text .pg-h3{font-family:var(--display);color:var(--navy-800);font-size:20px;font-weight:700;line-height:1.4;margin:0 0 12px}
.pg-text p+.pg-h3{margin-top:28px}

/* Match primary navigation and the header Email Alerts button text. */
.hdr .nav-link,.hdr .hdr-cta{font-size:16px}

/* Give every pipeline landing page the same hero area at each breakpoint.
   Minimum heights allow content to grow when text is enlarged. */
.progpage > .pg-hero{box-sizing:border-box;min-height:640px}
@media(max-width:767px){
  .progpage > .pg-hero{min-height:660px}
}

/* Readable investor section navigation, matching the main navigation size. */
.subnav[aria-label="Investors"] a{font-size:16px}

.prog-fig-credit{margin:12px 0 0;text-align:center;color:var(--slate);font-size:12px;line-height:1.5}

/* Deepen the homepage imagery toward the right while retaining a light text area. */
.lhero::after{display:block!important;z-index:1;background:linear-gradient(90deg,rgba(5,40,82,0) 42%,rgba(5,40,82,.18) 68%,rgba(5,40,82,.78) 100%)}
@media(max-width:767px){.lhero::after{background:linear-gradient(90deg,rgba(5,40,82,0) 45%,rgba(5,40,82,.18) 100%)}}

/* NXP900 comparison follows the program table styling and magenta theme. */
.prog-table.src-comparison{table-layout:fixed}
.prog-table.src-comparison th:first-child{width:31%}
.prog-table.src-comparison tbody th{color:var(--navy-800);font-weight:700}
.prog-table.src-comparison .mark{margin-right:0;vertical-align:middle}
@media(max-width:600px){.prog-table.src-comparison th,.prog-table.src-comparison td{padding:10px 7px;font-size:12px;overflow-wrap:break-word}}