/*
 * DBC / BIOTEN V4.3.0
 * Organisation architecture + editorial layout convergence layer.
 *
 * This is intentionally one final, scoped layer. It preserves the locked
 * homepage hero and consolidates only the hierarchy, route and responsive
 * corrections required for the V4.3 release.
 */

body.v430-site {
  --v430-blue: #075ca8;
  --v430-blue-deep: #082f4a;
  --v430-green: #0c7a59;
  --v430-green-deep: #07583f;
  --v430-ink: #101820;
  --v430-copy: #4d5b65;
  --v430-muted: #697680;
  --v430-line: rgba(8, 47, 74, .12);
  --v430-line-strong: rgba(8, 47, 74, .2);
  --v430-paper: #f5f8f8;
  --v430-surface: rgba(255, 255, 255, .88);
  --v430-glass: rgba(248, 252, 253, .78);
  --v430-shell: min(1180px, calc(100% - 48px));
  --v430-radius-card: 16px;
  --v430-radius-control: 10px;
  --v430-shadow-soft: 0 20px 64px rgba(8, 47, 74, .075);
  color: var(--v430-ink);
  text-rendering: optimizeLegibility;
}

body.v430-site :is(h1, h2, h3, p, li, dt, dd, a, button, label) {
  overflow-wrap: break-word;
  word-break: normal;
}

body.v430-site :is(h1, h2, h3) {
  text-wrap: balance;
}

body.v430-site :is(p, li) {
  text-wrap: pretty;
}

body.v430-site :focus-visible {
  outline: 2px solid color-mix(in srgb, var(--v430-blue) 58%, white);
  outline-offset: 3px;
}

/* BIOTEN and BIOTEN Packaging now have separate page ownership. */
body.v430-site[data-v270-family="packaging"] {
  --v270-accent: var(--v430-green);
  --v281-accent: var(--v430-green);
  --v281-support: var(--v430-blue);
}

body.v430-site[data-v270-family="packaging"] .v270-context {
  border-color: rgba(12, 122, 89, .14);
  background:
    linear-gradient(90deg, rgba(12, 122, 89, .045), rgba(7, 92, 168, .025)),
    rgba(250, 253, 252, .94);
}

body.v430-site[data-v270-family="packaging"] .v270-context a[aria-current="page"] {
  color: var(--v430-green-deep);
}

/* Relationship paths explain causality. They are not a fourth navigation bar. */
body.v430-site.v281-site:not(.home-v281) .v281-path {
  border-block-color: var(--v430-line);
  background:
    linear-gradient(90deg, rgba(7, 92, 168, .022), rgba(12, 122, 89, .028)),
    rgba(251, 253, 253, .97);
}

body.v430-site.v281-site:not(.home-v281) .v281-path__inner {
  width: var(--v430-shell);
  padding-block: 14px;
  grid-template-columns: minmax(150px, .72fr) minmax(0, 3.28fr);
  gap: clamp(20px, 3vw, 42px);
}

body.v430-site.v281-site:not(.home-v281) .v281-path__intro > span {
  margin-bottom: 5px;
  font-size: 9px;
  letter-spacing: .14em;
}

body.v430-site.v281-site:not(.home-v281) .v281-path__intro {
  display: block !important;
  grid-template-columns: none !important;
}

body.v430-site.v281-site:not(.home-v281) .v281-path__intro > strong {
  width: auto !important;
  inline-size: auto !important;
  max-width: 22ch !important;
  max-inline-size: 22ch !important;
  font-size: 14px;
  line-height: 1.35;
}

body.v430-site.v281-site:not(.home-v281) .v281-path__item {
  min-height: 58px;
  padding: 8px clamp(10px, 1vw, 14px);
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 8px;
}

body.v430-site.v281-site:not(.home-v281) .v281-path__copy strong {
  font-size: 12px;
  line-height: 1.36;
}

body.v430-site.v281-site:not(.home-v281) .v281-path__copy small {
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.35;
}

body.v430-site.v281-site:not(.home-v281) .v281-path__number {
  font-size: 9px;
}

/* Shared editorial rhythm. The homepage hero remains explicitly excluded. */
body.v430-site:not(.dbc-home-page) main > :is(section, article):not(.v281-path) {
  scroll-margin-top: 126px;
}

body.v430-site:not(.dbc-home-page) :is(.home-section-title, .section-head, .dv2-section__head) > p:not(.home-eyebrow):not(.dv2-kicker) {
  color: var(--v430-copy);
  line-height: 1.7;
}

body.v430-site:not(.dbc-home-page) :is(.bioten-lab-card, .bioten-compliance-card, .access-card, .resources-card, .rule-card, .journey-card) {
  border-color: var(--v430-line);
  box-shadow: 0 14px 44px rgba(8, 47, 74, .055);
}

body.v430-site :is(.home-link, .formal-button, .button, .dv2-action, .v281-decision__action) {
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: var(--v430-radius-control);
}

/* Contact: turn empty desktop space into an explicit collaboration router. */
html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero.news-list-hero {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 510px !important;
  margin: 0 !important;
  padding: clamp(82px, 8vw, 118px) max(24px, calc((100vw - 1180px) / 2)) 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, .88fr) minmax(470px, 1.12fr) !important;
  align-items: center !important;
  gap: clamp(48px, 7vw, 104px) !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(12, 122, 89, .095), transparent 30%),
    linear-gradient(135deg, #fbfdfe, #f3f8f6) !important;
  border-bottom: 1px solid var(--v430-line) !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero.news-list-hero::before,
html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero.news-list-hero::after {
  content: none !important;
  display: none !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .about-hero-copy.news-list-hero-copy {
  width: auto !important;
  max-width: 560px !important;
  margin: 0 !important;
  text-align: left !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .home-eyebrow.home-eyebrow {
  width: auto !important;
  margin: 0 0 14px !important;
  color: var(--v430-blue) !important;
  text-align: left !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero h1,
html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .about-hero-copy h1 {
  max-width: 8ch !important;
  margin: 0 !important;
  color: var(--v430-ink) !important;
  font-size: clamp(52px, 6vw, 84px) !important;
  line-height: .98 !important;
  font-weight: 650 !important;
  letter-spacing: -.055em !important;
  text-align: left !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .about-hero-title.news-list-hero-title {
  width: auto !important;
  max-width: 500px !important;
  margin: 24px 0 0 !important;
  text-align: left !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .about-hero-title.news-list-hero-title > span {
  color: var(--v430-green-deep) !important;
  text-align: left !important;
}

html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .about-hero-title.news-list-hero-title > p {
  max-width: 500px !important;
  margin: 12px 0 0 !important;
  color: var(--v430-copy) !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

.v430-contact-routes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-self: stretch;
  min-width: 0;
  border-block: 1px solid var(--v430-line);
}

.v430-contact-route {
  position: relative;
  display: flex;
  min-width: 0;
  padding: 26px 20px 24px;
  flex-direction: column;
  color: var(--v430-ink);
  text-decoration: none;
  border-left: 1px solid var(--v430-line);
  background: rgba(255, 255, 255, .48);
  transition: background-color 180ms ease, transform 220ms ease;
}

.v430-contact-route:first-child {
  border-left: 0;
}

.v430-contact-route:hover,
.v430-contact-route:focus-visible {
  background: rgba(255, 255, 255, .88);
  transform: translateY(-3px);
}

.v430-contact-route span {
  color: var(--v430-blue);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .12em;
}

.v430-contact-route strong {
  margin-top: 48px;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.3;
}

.v430-contact-route p {
  margin: 11px 0 32px;
  color: var(--v430-copy);
  font-size: 13px;
  line-height: 1.65;
}

.v430-contact-route b {
  margin-top: auto;
  color: var(--v430-green-deep);
  font-size: 12px;
  font-weight: 700;
}

.v430-intent-notice {
  margin: 0 0 18px;
  padding: 13px 15px;
  color: var(--v430-blue-deep);
  font-size: 13px;
  line-height: 1.55;
  border-left: 3px solid var(--v430-blue);
  background: rgba(7, 92, 168, .055);
}

/* Resource center: first answer what exists, then explain access levels. */
body.v430-site.resources-page .resource-center-hero {
  min-height: auto !important;
  padding-block: clamp(74px, 7vw, 104px) !important;
}

body.v430-site.resources-page .resource-center-hero .about-hero-title > span {
  font-size: 11px !important;
  letter-spacing: .09em !important;
}

body.v430-site.resources-page .resource-center-hero .about-hero-title > p {
  max-width: 620px !important;
  line-height: 1.65 !important;
}

html body.v430-site.resources-page.site-unified-page .resource-center-hero .resource-hero-actions .button:nth-child(n + 3) {
  display: none !important;
}

body.v430-site.resources-page .resource-hero-board {
  padding: 22px !important;
  border-radius: var(--v430-radius-card) !important;
  box-shadow: var(--v430-shadow-soft) !important;
}

body.v430-site.resources-page .resource-doc-status div {
  padding-block: 10px !important;
}

body.v430-site.resources-page .resource-doc-status span {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

body.v430-site.resources-page .site-content .page-section {
  padding-block: clamp(70px, 7.5vw, 94px) !important;
}

/* Long newsroom articles: orientation without turning the article into a dashboard. */
.v430-reading-progress {
  position: fixed;
  z-index: 1300;
  top: var(--header-height, 64px);
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(8, 47, 74, .08);
  pointer-events: none;
}

.v430-reading-progress span {
  display: block;
  width: var(--v430-reading-progress, 0%);
  height: 100%;
  background: linear-gradient(90deg, var(--v430-blue), var(--v430-green));
}

.v430-article-toc {
  width: min(920px, calc(100% - 48px));
  margin: 42px auto 18px;
  padding: 20px 22px;
  border-block: 1px solid var(--v430-line);
}

.v430-article-toc > strong {
  display: block;
  margin-bottom: 12px;
  color: var(--v430-muted);
  font-size: 10px;
  letter-spacing: .12em;
}

.v430-article-toc ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: toc;
}

.v430-article-toc li {
  counter-increment: toc;
}

.v430-article-toc a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  color: var(--v430-ink);
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
}

.v430-article-toc a::before {
  content: counter(toc, decimal-leading-zero);
  color: var(--v430-blue);
  font-size: 10px;
  line-height: 2;
}

.v430-article-toc a:hover {
  color: var(--v430-blue);
}

body.v430-site.news-article-page .news-hero h1 {
  max-width: 18ch;
  font-size: clamp(38px, 5.2vw, 68px);
}

/* Medium desktop mega menu: compact 2x2 packaging map plus distinct actions. */
@media (min-width: 981px) and (max-width: 1180px) {
  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-mega__inner {
    width: min(72rem, calc(100% - 40px));
    min-height: 0;
    padding-block: 20px 22px;
    grid-template-columns: minmax(150px, .56fr) minmax(0, 2.44fr);
    gap: 16px 24px;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-mega__routes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 96px) !important;
    grid-auto-rows: 96px !important;
    min-height: 0 !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-route {
    display: grid !important;
    height: 96px !important;
    min-height: 96px !important;
    grid-template-columns: 116px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-route__copy {
    padding: 14px 14px 12px;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-route__copy small {
    margin-bottom: 4px;
    font-size: 8px;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-route__copy strong {
    font-size: 13px;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-route__desc {
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.35;
    -webkit-line-clamp: 1;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-mega__quick {
    grid-column: 2;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 0 0;
    border: 0;
    border-top: 1px solid var(--v430-line);
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-mega__quick > p {
    display: none;
  }

  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-mega__quick > a,
  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega--packaging .dbc-desktop-mega__quick > a.dbc-desktop-mega__cta {
    min-height: 38px;
    margin: 0;
    padding-inline: 9px;
    justify-content: center;
    border: 1px solid var(--v430-line);
    background: rgba(255, 255, 255, .62);
    color: var(--v430-ink);
    text-align: center;
  }
}

@media (max-width: 980px) {
  body.v430-site {
    --v430-shell: min(100% - 40px, 1180px);
  }

  html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero.news-list-hero {
    min-height: 0 !important;
    padding: 78px 28px 58px !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .v430-contact-routes {
    width: 100%;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path__inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path__intro {
    max-width: 46ch;
  }
}

@media (max-width: 720px) {
  body.v430-site {
    --v430-shell: min(100% - 32px, 1180px);
  }

  /* Mobile relationship path becomes a 2x2 map, not another horizontal rail. */
  body.v430-site.v281-site:not(.home-v281) .v281-path__inner {
    width: var(--v430-shell);
    padding-block: 14px 16px;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path__intro {
    width: 100%;
    margin: 0;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path ol {
    width: 100%;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path li:not(:last-child)::after {
    display: none;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path__item {
    min-height: 60px;
    padding: 8px;
    grid-template-columns: 20px minmax(0, 1fr);
    border: 1px solid var(--v430-line);
    border-inline-start: 1px solid var(--v430-line);
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path__arrow,
  body.v430-site.v281-site:not(.home-v281) [data-v281-current] .v281-path__arrow {
    display: none;
  }

  body.v430-site.v281-site:not(.home-v281) .v281-path__copy small {
    display: none;
  }

  /* One static requirement map + one 2x2 domain switch. */
  body.v430-site.dv23-page .dv21-domain-summary {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 0;
    overflow: visible;
    padding: 0;
    border-block: 1px solid var(--v430-line);
    scroll-snap-type: none;
  }

  body.v430-site.dv23-page .dv21-domain-summary article {
    min-height: 0;
    padding: 14px 2px;
    border: 0;
    border-bottom: 1px solid var(--v430-line);
    border-radius: 0;
  }

  body.v430-site.dv23-page .dv21-domain-summary article:last-child {
    border-bottom: 0;
  }

  body.v430-site.dv23-page .dv21-domain-switch {
    position: static;
    top: auto;
  }

  body.v430-site.dv23-page .dv21-domain-switch .dv2-shell {
    width: min(100% - 32px, 1180px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding-block: 10px;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.v430-site.dv23-page .dv21-domain-switch a {
    min-width: 0;
    min-height: 48px;
    width: auto;
    padding: 9px;
    border: 1px solid var(--v430-line);
    text-align: center;
  }

  html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero.news-list-hero {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 72px 20px 46px !important;
    gap: 34px !important;
  }

  html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero h1,
  html body.v430-site.contact-suite-page.about-suite-page main > .contact-hero .about-hero-copy h1 {
    max-width: none !important;
    font-size: clamp(44px, 14vw, 62px) !important;
  }

  .v430-contact-routes {
    grid-template-columns: 1fr;
    border-block: 0;
  }

  .v430-contact-route,
  .v430-contact-route:first-child {
    min-height: 0;
    padding: 18px 4px;
    border-left: 0;
    border-top: 1px solid var(--v430-line);
    background: transparent;
  }

  .v430-contact-route:last-child {
    border-bottom: 1px solid var(--v430-line);
  }

  .v430-contact-route strong {
    margin-top: 18px;
  }

  .v430-contact-route p {
    margin: 8px 0 16px;
  }

  body.v430-site.resources-page .resource-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.v430-site.resources-page .resource-hero-actions .button {
    width: 100%;
  }

  .v430-article-toc {
    width: min(100% - 32px, 920px);
    margin-top: 28px;
    padding: 16px 0;
  }

  .v430-article-toc ol {
    grid-template-columns: 1fr;
  }

  body.v430-site.news-article-page .news-hero h1 {
    max-width: none;
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.08;
  }
}

/* ---------- V4.3.1 shared header and navigation refinement ---------- */

/* When another menu is open, keep the page location as a quiet underline and
   reserve the filled state for the menu that currently owns the interaction. */
body.v430-site.dbc-global-nav-active.dbc-desktop-nav-open
  .dbc-desktop-nav__link[aria-current="page"]:not(.is-open) {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #55707f;
}

body.v430-site.dbc-global-nav-active.dbc-desktop-nav-open
  .dbc-desktop-nav__link[aria-current="page"]:not(.is-open)::before {
  opacity: .3;
  transform: scaleX(.56);
}

body.v430-site.dbc-global-nav-active.dbc-desktop-nav-open
  .dbc-desktop-nav__link[aria-current="page"]:not(.is-open)::after {
  opacity: .38;
}

/* Keep the desktop glass surface full-width while containing its content in a
   calmer editorial frame on large screens. */
@media (min-width: 1181px) {
  html body.v430-site.v420-site.dbc-global-nav-active .dbc-desktop-mega__inner {
    width: min(1280px, calc(100% - 96px)) !important;
    gap: clamp(1.1rem, 1.65vw, 1.55rem);
  }

  body.v430-site.dbc-global-nav-active .dbc-desktop-mega__intro > p:not(.dbc-desktop-mega__eyebrow) {
    max-width: 31ch;
  }
}

/* The packaging menu has one overview entry in its intro. Its lower action
   rail therefore contains only the four distinct next steps. */
@media (min-width: 981px) and (max-width: 1180px) {
  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--packaging .dbc-desktop-mega__quick {
    grid-template-columns: repeat(var(--dbc-nav-quick-count, 4), minmax(0, 1fr));
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--packaging .dbc-desktop-mega__quick > a.is-priority {
    border-color: rgb(14 123 91 / .24);
    background: rgb(230 242 237 / .72);
    color: var(--v430-green);
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--packaging .dbc-desktop-mega__quick > a.dbc-desktop-mega__cta {
    border-color: rgb(14 123 91 / .3) !important;
    background: linear-gradient(135deg, rgb(237 247 243 / .92), rgb(255 255 255 / .7)) !important;
    box-shadow: inset 0 1px rgb(255 255 255 / .92), 0 8px 20px rgb(8 45 69 / .05) !important;
    color: var(--v430-green) !important;
  }
}

/* BIOTEN, Packaging and Developer share the green brand branch on mobile. */
@media (max-width: 860px) {
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(2):is(:hover, :focus-visible),
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(3):is(:hover, :focus-visible),
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(4):is(:hover, :focus-visible),
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(2).is-current,
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(3).is-current,
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(4).is-current {
    color: var(--v430-green);
  }

  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(2).is-current::before,
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(3).is-current::before,
  body.v430-site.dbc-global-nav-active .dbc-nav-primary button:nth-child(4).is-current::before {
    background: var(--v430-green);
  }
}

/* V4.3.2 desktop-only confirmation. DBC and BIOTEN replace the former
   three-card plus shortcut rail with five equal direct-entry cards. */
@media (min-width: 861px) {
  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega__intro::before {
    margin-bottom: .9rem;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-mega__inner {
    width: min(74rem, calc(100% - 3rem)) !important;
    grid-template-columns: minmax(11.5rem, .58fr) minmax(0, 3.4fr) !important;
    gap: clamp(1.2rem, 2vw, 1.8rem) !important;
    min-height: 18rem !important;
    padding: 1.55rem 0 1.7rem !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-mega__routes {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: clamp(.48rem, .75vw, .72rem) !important;
  }

  /* BIOTEN is the technical base; its desktop menu presents four application
     fields rather than repeating PHA as a fifth application card. Developer
     uses the same four-card plane for the shared development capabilities. */
  html body.v430-site.v420-site.dbc-global-nav-active
    :is(.dbc-desktop-mega--bioten, .dbc-desktop-mega--packaging, .dbc-desktop-mega--developer).dbc-desktop-mega--direct
    .dbc-desktop-mega__routes {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-route {
    display: grid !important;
    height: 15.55rem !important;
    min-height: 15.55rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 5.85rem minmax(0, 1fr) !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-route__copy {
    padding: .9rem .78rem .72rem !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-route__copy::before {
    left: .78rem !important;
    width: 1.7rem !important;
  }

  /* Direct-entry menus are already self-explanatory in Chinese. Removing the
     English micro-label restores one clean title baseline across all cards. */
  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-route__copy small {
    display: none !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-route__copy strong {
    display: -webkit-box;
    overflow: hidden;
    font-size: clamp(.78rem, 1vw, .88rem) !important;
    line-height: 1.34 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct .dbc-desktop-route__desc {
    display: -webkit-box;
    overflow: hidden;
    margin-top: .42rem !important;
    font-size: .66rem !important;
    line-height: 1.52 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  /* The DBC introduction is a confirmed complete brand statement. Keep the
     older compact clamp for other menus, but never truncate this sentence. */
  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--dbc.dbc-desktop-mega--direct
    .dbc-desktop-mega__intro > p:not(.dbc-desktop-mega__eyebrow) {
    display: block;
    overflow: visible;
    font-size: .76rem;
    line-height: 1.58;
    -webkit-line-clamp: unset;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    :is(.dbc-desktop-mega--bioten, .dbc-desktop-mega--packaging, .dbc-desktop-mega--developer).dbc-desktop-mega--direct
    .dbc-desktop-mega__intro > p:not(.dbc-desktop-mega__eyebrow) {
    display: block;
    overflow: visible;
    font-size: .76rem;
    line-height: 1.58;
    -webkit-line-clamp: unset;
  }
}

/* ---------- V4.4.0 navigation information architecture ---------- */

/* The packaging overview remains available through the top-level navigation
   link. The panel action now opens the dedicated packaging developer route. */
body.v430-site.dbc-global-nav-active
  .dbc-desktop-mega--packaging .dbc-desktop-mega__entry {
  padding: .62rem .78rem .58rem;
  border: 1px solid rgba(12, 122, 89, .24);
  border-radius: .68rem;
  background:
    linear-gradient(135deg, rgba(235, 247, 242, .9), rgba(255, 255, 255, .72));
  box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 9px 24px rgba(8, 47, 74, .055);
  color: var(--v430-green-deep);
  transition: border-color 180ms ease, box-shadow 220ms ease, transform 220ms ease;
}

body.v430-site.dbc-global-nav-active
  .dbc-desktop-mega--packaging .dbc-desktop-mega__entry:is(:hover, :focus-visible) {
  border-color: rgba(12, 122, 89, .48);
  box-shadow: inset 0 1px rgba(255, 255, 255, .96), 0 13px 30px rgba(8, 47, 74, .085);
  transform: translateY(-1px);
}

/* News categories are already explicit in Chinese. Removing the legacy
   English labels prevents the cards from describing a different taxonomy. */
body.v430-site.dbc-global-nav-active
  .dbc-desktop-mega--news .dbc-desktop-route__copy small {
  display: none;
}

.dbc-desktop-mega__index {
  display: grid;
  grid-template-columns: auto repeat(var(--dbc-nav-index-count, 4), minmax(0, 1fr));
  align-items: stretch;
  min-width: 0;
  border-top: 1px solid var(--v430-line);
}

.dbc-desktop-mega__index > p {
  display: flex;
  align-items: center;
  margin: 0;
  padding: .68rem .9rem .62rem 0;
  color: var(--v430-muted);
  font-size: .57rem;
  font-weight: 740;
  line-height: 1.35;
  letter-spacing: .08em;
  white-space: nowrap;
}

.dbc-desktop-mega__index > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
  min-width: 0;
  padding: .68rem .7rem .62rem;
  border-left: 1px solid var(--v430-line);
  color: #344651;
  font-size: .64rem;
  font-weight: 620;
  line-height: 1.42;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}

.dbc-desktop-mega__index > a span:first-child {
  min-width: 0;
}

.dbc-desktop-mega__index > a > span:last-child {
  flex: 0 0 auto;
  color: var(--v430-green);
  font-size: .68rem;
}

.dbc-desktop-mega__index > a:is(:hover, :focus-visible) {
  background: rgba(12, 122, 89, .055);
  color: var(--v430-green-deep);
}

@media (min-width: 861px) {
  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct.dbc-desktop-mega--has-index .dbc-desktop-mega__inner {
    min-height: 0 !important;
    grid-template-rows: minmax(0, auto) auto !important;
    column-gap: clamp(1.2rem, 2vw, 1.8rem) !important;
    row-gap: .68rem !important;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct.dbc-desktop-mega--has-index .dbc-desktop-mega__intro {
    grid-column: 1;
    grid-row: 1;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct.dbc-desktop-mega--has-index .dbc-desktop-mega__routes {
    grid-column: 2;
    grid-row: 1;
  }

  html body.v430-site.v420-site.dbc-global-nav-active
    .dbc-desktop-mega--direct.dbc-desktop-mega--has-index .dbc-desktop-mega__index {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: start;
  }
}

@media (min-width: 861px) and (max-width: 1080px) {
  .dbc-desktop-mega__index > p {
    display: none;
  }

  .dbc-desktop-mega__index {
    grid-template-columns: repeat(var(--dbc-nav-index-count, 4), minmax(0, 1fr));
  }

  .dbc-desktop-mega__index > a:first-of-type {
    border-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.v430-site *,
  body.v430-site *::before,
  body.v430-site *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}