/* V5.5.0 final-audit refinements */ /* V5.7.2 restores the site-level language entry. Pages with a complete English body switch in place; Chinese-only destinations route EN to the English home. */ .site-header .language-toggle { display: inline-flex !important; } /* News lead: preserve readable contrast over photography in every link state. */ body.v450-site .v450-news-lead h2 a, body.v450-site .v450-news-lead h3 a, body.v450-site .v450-news-lead .v450-news-text-link, body.v450-site .v450-news-lead h2 a:visited, body.v450-site .v450-news-lead h3 a:visited, body.v450-site .v450-news-lead .v450-news-text-link:visited { color: #fff !important; } body.v450-site .v450-news-lead h2 a:is(:hover, :focus-visible), body.v450-site .v450-news-lead h3 a:is(:hover, :focus-visible), body.v450-site .v450-news-lead .v450-news-text-link:is(:hover, :focus-visible) { color: #d9efff !important; } body.v450-site .v450-news-lead__copy > p:not(.v450-news-meta) { color: rgba(255, 255, 255, .84) !important; } /* Contact routing: five intentions form a balanced 3+2 composition; the four questions remain a single, even row on wide screens. */ body.contact-suite-page .contact-intent-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } body.contact-suite-page .contact-intent-grid > article { grid-column: span 2; } body.contact-suite-page .contact-intent-grid > article:nth-last-child(-n + 2) { grid-column: span 3; } body.contact-suite-page .bioten-faq-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } body .agreement-check { display: block !important; } body .agreement-check a { display: inline; text-underline-offset: 3px; } /* V5.7.2 keeps the full five-entry navigation visible on desktop and landscape tablet widths. Only viewports at 860px and below use the compact overlay. */ @media (min-width: 861px) and (max-width: 980px) { html body.dbc-global-nav-active .site-header.site-header .dbc-desktop-nav { display: grid !important; } html body.dbc-global-nav-active .site-header.site-header .dbc-nav-trigger { display: none !important; } html body.dbc-global-nav-active .dbc-desktop-mega-layer { display: block !important; } } /* Keep the language entry visible across page families, including the honest English-home fallback used before a page body has a reviewed translation. */ html body.v410-site.dbc-global-nav-active .site-header [data-language-home-fallback], html body.dbc-global-nav-active .site-header .language-toggle.language-toggle { display: inline-flex !important; } /* English navigation remains a single calm line at the narrow desktop edge. */ html[data-lang="en"] body.dbc-global-nav-active .site-header .dbc-desktop-nav__link { white-space: nowrap !important; overflow-wrap: normal !important; word-break: keep-all !important; line-height: 1 !important; } body.v500-page .v500-route-grid--5 { grid-template-columns: repeat(6, minmax(0, 1fr)); } body.v500-page .v500-route-grid--5 > .v500-route { grid-column: span 2; } body.v500-page .v500-route-grid--5 > .v500-route:nth-last-child(-n + 2) { grid-column: span 3; } .v550-verification { margin: clamp(28px, 4vw, 48px) 0; padding: clamp(22px, 3vw, 34px); border: 1px solid rgba(15, 78, 117, 0.18); border-radius: 22px; background: radial-gradient(circle at 100% 0, rgba(18, 132, 102, 0.12), transparent 42%), linear-gradient(145deg, rgba(247, 251, 250, 0.98), rgba(238, 246, 249, 0.94)); box-shadow: 0 22px 54px rgba(12, 46, 67, 0.09); color: #173745; } .v550-verification__head { display: grid; gap: 7px; margin-bottom: 22px; } .v550-verification__head > span { color: #087d65; font-size: 12px; font-weight: 750; letter-spacing: 0.14em; } .v550-verification__head > strong { color: #0d3350; font-size: clamp(19px, 2vw, 25px); line-height: 1.35; } .v550-verification dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin: 0 0 18px; border: 1px solid rgba(15, 78, 117, 0.12); border-radius: 15px; background: rgba(15, 78, 117, 0.1); } .v550-verification dl > div { min-width: 0; padding: 15px 17px; background: rgba(255, 255, 255, 0.86); } .v550-verification dt { margin-bottom: 5px; color: #54717e; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; } .v550-verification dd { margin: 0; color: #102f3c; font-size: 14px; font-weight: 650; line-height: 1.55; overflow-wrap: anywhere; } .v550-verification p { margin: 0 0 15px !important; color: #486773; font-size: 14px; line-height: 1.75; } .v550-verification > a { display: inline-flex; align-items: center; gap: 8px; color: #075e91 !important; font-weight: 750; text-decoration: none; } .v550-verification > a:hover, .v550-verification > a:focus-visible { color: #087d65 !important; text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 720px) { body.v500-page .v500-route-grid--5 { grid-template-columns: 1fr; } body.v500-page .v500-route-grid--5 > .v500-route, body.v500-page .v500-route-grid--5 > .v500-route:nth-last-child(-n + 2) { grid-column: auto; } .v550-verification { border-radius: 18px; } .v550-verification dl { grid-template-columns: 1fr; } body.contact-suite-page .contact-intent-grid, body.contact-suite-page .bioten-faq-grid { grid-template-columns: 1fr; } body.contact-suite-page .contact-intent-grid > article, body.contact-suite-page .contact-intent-grid > article:nth-last-child(-n + 2) { grid-column: auto; } body.v450-site.news-article-page .news-hero-meta { display: flex; flex-wrap: wrap; gap: 7px 12px !important; } body.v450-site.news-article-page .news-hero-meta span::before, body.v450-site.news-article-page .news-hero-meta span::after { content: none !important; display: none !important; } body.v450-site .v450-news-filter, body.v450-site .v450-archive-filter { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem !important; overflow: visible !important; padding: .5rem !important; } body.v450-site .v450-news-filter button, body.v450-site .v450-archive-filter button, body.v450-site .v450-news-filter a { width: 100%; min-width: 0; justify-content: center; text-align: center; } body.dv24-page .dv2-local-nav__inner, body.dv24-page .dv23-journey-nav, body.dv23-page .dv2-local-nav__inner { display: flex !important; flex-wrap: wrap !important; gap: .45rem .6rem !important; overflow: visible !important; white-space: normal !important; } } @media (max-width: 430px) { body.v410-site .v410-home-footer__column { display: grid; grid-template-columns: 1fr; align-content: start; gap: .22rem; min-width: 0; } body.v410-site .v410-home-footer__column h2 { margin-bottom: .48rem; } body.v410-site .v410-home-footer__column a { width: 100%; min-height: 2.5rem; padding: .5rem 0; } }