/*
 * DBC / BIOTEN V2.8.2
 * Site-wide typography, editorial rhythm and responsive refinement.
 * The confirmed homepage hero is deliberately outside this layer.
 */

body.v282-site:not(.home-v282) {
  --v282-blue: #075aa8;
  --v282-blue-deep: #064b8a;
  --v282-green: #087d59;
  --v282-green-deep: #056646;
  --v282-ink: #061f35;
  --v282-text: #304a5c;
  --v282-muted: #6c7f8b;
  --v282-paper: #fcfdfd;
  --v282-canvas: #f4f8fa;
  --v282-mist: #edf4f6;
  --v282-line: rgba(7, 52, 95, .13);
  --v282-line-strong: rgba(7, 52, 95, .23);
  --v282-shell: min(1180px, calc(100vw - 64px));
  --v282-measure: 760px;
  --v282-radius: 8px;
  --v282-ease: cubic-bezier(.22, 1, .36, 1);
  color: var(--v282-text);
  background: var(--v282-canvas);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.v282-site:not(.home-v282)[data-v270-family="bioten"],
body.v282-site:not(.home-v282)[data-v270-family="developer"] {
  --v282-accent: var(--v282-green);
  --v282-support: var(--v282-blue);
}

body.v282-site:not(.home-v282):not([data-v270-family="bioten"]):not([data-v270-family="developer"]) {
  --v282-accent: var(--v282-blue);
  --v282-support: var(--v282-green);
}

body.v282-site:not(.home-v282) main {
  color: var(--v282-text);
  background: var(--v282-paper);
}

/* V2.7 supplied document scroll-padding while V2.8.1 supplied target
 * scroll-margin. Applying both doubles the fixed-navigation offset. V2.8.2
 * keeps the target-owned margin because each page family knows its own
 * context navigation height. */
html[data-v270-page] {
  scroll-padding-block-start: 0 !important;
}

html body.v282-site:not(.home-v282) main#main-content :is(section, article, div)[id] {
  scroll-margin-block-start: 9.5rem !important;
}

@media (min-width: 761px) {
  html body.resources-page.v282-site main#main-content :is(section, article, div)[id],
  html body.contact-routing-suite-page.v282-site main#main-content :is(section, article, div)[id] {
    scroll-margin-block-start: 12rem !important;
  }
}

body.v282-site:not(.home-v282) main :where(h1, h2, h3) {
  color: var(--v282-ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-optical-sizing: auto;
  text-wrap: balance;
}

body.v282-site:not(.home-v282) main h1 {
  font-weight: 650;
  line-height: 1.04;
  letter-spacing: -.052em;
}

body.v282-site:not(.home-v282) main h2 {
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.036em;
}

body.v282-site:not(.home-v282) main h3 {
  font-weight: 650;
  line-height: 1.28;
  letter-spacing: -.018em;
}

body.v282-site:not(.home-v282) main :where(p, li, dd, td) {
  color: var(--v282-text);
  line-height: 1.78;
}

body.v282-site:not(.home-v282) main :where(p, li, dd) {
  text-wrap: pretty;
}

body.v282-site:not(.home-v282) main :where(a, button) {
  text-underline-offset: .22em;
}

body.v282-site:not(.home-v282) :where(.formal-shell, .v245-shell, .request-shell, .news-shell) {
  inline-size: var(--v282-shell);
  max-inline-size: 1180px;
  margin-inline: auto;
}

/* Keep content visible and stable during initial load and direct anchor entry. */
html.v270-motion-ready body.v282-site:not(.home-v282) [data-v270-reveal],
html.v280-motion-ready body.v282-site:not(.home-v282) [data-v280-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

body.v282-site:not(.home-v282) .v245-reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* ---------- compact secondary-page heroes ---------- */

body.v282-site:not(.home-v282) :is(
  .about-bioten-hero,
  .news-list-hero,
  .request-hero,
  .formal-developer-hero,
  .pl-hero
)::before {
  animation-duration: 620ms;
}

html body.v282-site.v282-site:not(.home-v282) :is(
  .about-bioten-hero,
  .news-list-hero,
  .request-hero
) {
  min-block-size: clamp(29rem, 56vh, 37rem) !important;
  padding-block: clamp(4.7rem, 7vw, 6.5rem) clamp(3.8rem, 5.6vw, 5.25rem) !important;
}

body.v282-site:not(.home-v282) :is(
  .about-hero-copy,
  .news-list-hero-copy,
  .request-hero-copy
) > h1 {
  max-inline-size: 15ch;
  font-size: clamp(3rem, 5.15vw, 4.7rem);
  line-height: 1.04;
  letter-spacing: -.054em;
}

body.v282-site:not(.home-v282) .about-hero-title {
  max-inline-size: 650px;
  margin-block-start: clamp(1.45rem, 2.5vw, 2.15rem);
  padding-block-start: .9rem;
}

body.v282-site:not(.home-v282) .about-hero-title > span {
  margin-block-end: .65rem;
  font-size: .64rem;
  line-height: 1.35;
  letter-spacing: .13em;
}

body.v282-site:not(.home-v282) .about-hero-title > p {
  max-inline-size: 60ch;
  color: #425c6c;
  font-size: clamp(.98rem, 1.1vw, 1.08rem);
  line-height: 1.72;
}

html body.business-detail-page.v282-site.v282-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero,
html body.v282-site.v282-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero {
  min-block-size: clamp(29rem, 56vh, 37rem) !important;
  padding-block: clamp(4.7rem, 7vw, 6.5rem) clamp(3.8rem, 5.6vw, 5.25rem) !important;
}

html body.business-detail-page.v282-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-copy > h1 {
  max-inline-size: 11ch !important;
  font-size: clamp(3rem, 4.85vw, 4.55rem) !important;
  line-height: 1.04 !important;
}

body.v282-site[data-v280-archetype="dbc-ecosystem"] .business-hero-art {
  inset: 13% 5.5% 11% 58%;
  opacity: .72;
}

html body.v282-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero {
  min-block-size: clamp(29rem, 56vh, 37rem) !important;
  padding-block: clamp(4.7rem, 7vw, 6.5rem) clamp(3.8rem, 5.6vw, 5.25rem) !important;
}

html body.v282-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-copy > h1 {
  font-size: clamp(2.7rem, 4.2vw, 3.8rem) !important;
  line-height: 1.04 !important;
}

html body.v282-site.v282-site.v282-site[data-v280-archetype="product-dossier"] main#main-content > .about-bioten-hero .about-hero-copy > h1 {
  font-size: clamp(2.7rem, 4.2vw, 3.8rem) !important;
}

body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map,
body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map {
  border-radius: var(--v282-radius);
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 20px 56px rgba(6, 31, 53, .075);
  backdrop-filter: blur(12px) saturate(112%);
  -webkit-backdrop-filter: blur(12px) saturate(112%);
}

html body.v282-site[data-v280-archetype="product-dossier"] main > .pl-hero {
  min-block-size: clamp(30rem, 58vh, 39rem) !important;
  padding-block: clamp(5rem, 7.5vw, 6.8rem) clamp(4.1rem, 6vw, 5.5rem) !important;
}

body.v282-site[data-v280-archetype="product-dossier"] .pl-hero h1 {
  font-size: clamp(3rem, 5vw, 4.8rem);
  line-height: 1.03;
}

body.v282-site[data-v280-archetype="developer-workbench"] .formal-developer-hero {
  min-block-size: clamp(30rem, 58vh, 39rem);
  padding-block: clamp(5rem, 7.5vw, 6.8rem) clamp(4.1rem, 6vw, 5.5rem);
}

body.v282-site[data-v280-archetype="developer-workbench"] .formal-developer-hero h1 {
  max-inline-size: 14ch;
  font-size: clamp(3.1rem, 5.35vw, 4.9rem);
  line-height: 1.02;
}

body.v282-site[data-v280-archetype="developer-workbench"] .formal-developer-hero .formal-lead {
  max-inline-size: 62ch;
  font-size: 1.05rem;
  line-height: 1.72;
}

body.v282-site[data-v280-archetype="bioten-platform"] .v245-hero,
body.v282-site[data-v280-archetype="packaging-system"] .v245-hero {
  min-block-size: clamp(31rem, 59vh, 40rem);
  padding-block: clamp(4.6rem, 7vw, 6.4rem) clamp(3.9rem, 5.6vw, 5.25rem);
}

body.v282-site[data-v280-archetype="bioten-platform"] .v245-hero h1,
body.v282-site[data-v280-archetype="packaging-system"] .v245-hero h1 {
  max-inline-size: 13ch;
  font-size: clamp(3rem, 5vw, 4.75rem);
  line-height: 1.03;
}

body.v282-site[data-v280-archetype="bioten-platform"] .v245-lead,
body.v282-site[data-v280-archetype="packaging-system"] .v245-lead {
  max-inline-size: 60ch;
  font-size: 1.03rem;
  line-height: 1.72;
}

body.v282-site[data-v280-archetype="newsroom-article"] .news-hero,
body.v282-site[data-v280-archetype="newsroom-article"] .news-original-hero {
  min-block-size: 0;
  padding-block: clamp(4.5rem, 7vw, 6.5rem) clamp(3.6rem, 5vw, 4.8rem);
}

body.v282-site[data-v280-archetype="newsroom-article"] .news-hero h1,
body.v282-site[data-v280-archetype="newsroom-article"] .news-original-hero h1 {
  max-inline-size: 19ch;
  font-size: clamp(2.7rem, 4.6vw, 4.25rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

/* ---------- section rhythm and hierarchy ---------- */

body.v282-site:not(.home-v282) :is(
  .home-band,
  .page-section,
  .pl-section,
  .formal-section,
  .v245-section,
  .news-business-section,
  .resource-download-section
) {
  scroll-margin-top: 9.25rem;
}

body.v282-site[data-v280-archetype="dbc-ecosystem"] .home-band,
body.v282-site[data-v280-archetype="contact-desk"] .home-band,
body.v282-site[data-v280-archetype="product-dossier"] :is(.page-section, .pl-section),
body.v282-site[data-v280-archetype="developer-workbench"] .formal-section,
body.v282-site[data-v280-archetype="knowledge-base"] .page-section,
body.v282-site[data-v280-archetype="evidence-library"] :is(.page-section, .resource-download-section) {
  padding-block: clamp(4.8rem, 6.6vw, 6.3rem);
}

body.v282-site:not(.home-v282) :is(
  .home-section-title,
  .section-head,
  .formal-section-head,
  .v245-section-head,
  .news-list-heading
) {
  margin-block-end: clamp(2.2rem, 3.8vw, 3.5rem);
}

body.v282-site:not(.home-v282) :is(
  .home-section-title,
  .section-head,
  .formal-section-head,
  .v245-section-head,
  .news-list-heading
) h2 {
  max-inline-size: 18ch;
  font-size: clamp(2rem, 3.25vw, 3.15rem);
  line-height: 1.1;
}

body.v282-site:not(.home-v282) :is(
  .home-section-title,
  .section-head,
  .formal-section-head,
  .v245-section-head,
  .news-list-heading
) > p,
body.v282-site:not(.home-v282) .v245-section-head > p {
  max-inline-size: 64ch;
  color: #526b7a;
  font-size: .98rem;
  line-height: 1.75;
}

body.v282-site:not(.home-v282) :is(
  .home-eyebrow,
  .hero-eyebrow,
  .request-kicker,
  .formal-eyebrow,
  .v245-eyebrow,
  .section-kicker,
  .news-hero-meta
) {
  font-weight: 720;
  letter-spacing: .125em;
}

body.v282-site:not(.home-v282) .v282-section-deck {
  max-inline-size: 70ch;
  margin: 0 0 clamp(1.8rem, 3vw, 2.7rem);
  color: #4c6574;
  font-size: clamp(1rem, 1.22vw, 1.12rem);
  line-height: 1.78;
}

body.v282-site:not(.home-v282) :is(.section-head .tag, .section-kicker, .home-eyebrow, .formal-eyebrow):empty {
  display: none !important;
}

/* ---------- cards, controls and evidence blocks ---------- */

body.v282-site:not(.home-v282) :is(
  .bioten-lab-card,
  .bioten-compliance-card,
  .product-card,
  .pl-feature-card,
  .pl-mini-card,
  .module,
  .knowledge-topic-card,
  .entry-card,
  .evidence-card,
  .resources-card,
  .access-card,
  .journey-card,
  .rule-card,
  .routing-card,
  .contact-form-card
) {
  border-color: var(--v282-line);
  border-radius: var(--v282-radius);
  box-shadow: none;
}

body.v282-site:not(.home-v282) a:is(
  .resources-card,
  .knowledge-topic-card,
  .entry-card,
  .v245-story,
  .v245-domain-card
) {
  transition:
    border-color 260ms var(--v282-ease),
    background-color 260ms var(--v282-ease),
    transform 260ms var(--v282-ease);
}

body.v282-site:not(.home-v282) a:is(
  .resources-card,
  .knowledge-topic-card,
  .entry-card,
  .v245-story,
  .v245-domain-card
):hover {
  border-color: color-mix(in srgb, var(--v282-accent) 34%, transparent);
  box-shadow: none;
  transform: translateY(-2px);
}

body.v282-site:not(.home-v282) :is(
  .formal-button,
  .button,
  .v245-button,
  .request-submit,
  .v281-decision__action
) {
  min-block-size: 44px;
  border-radius: var(--v282-radius) !important;
  font-weight: 670;
  letter-spacing: 0;
}

body.v282-site:not(.home-v282) :is(input, select, textarea) {
  border-radius: 6px;
  border-color: var(--v282-line-strong);
  background: #fff;
  color: var(--v282-ink);
}

body.v282-site:not(.home-v282) :is(input, select, textarea):focus {
  border-color: var(--v282-accent);
  outline: 3px solid color-mix(in srgb, var(--v282-accent) 12%, transparent);
  box-shadow: none;
}

body.v282-site:not(.home-v282) label {
  color: var(--v282-ink);
  font-size: .83rem;
  font-weight: 650;
}

/* ---------- context and causal navigation ---------- */

body.v282-site:not(.home-v282) .v270-context {
  background: rgba(250, 252, 253, .94);
  box-shadow: none;
}

body.v282-site:not(.home-v282) .v270-context__inner {
  min-block-size: 52px;
}

body.v282-site:not(.home-v282) .v270-context__links a {
  min-block-size: 42px;
  padding-inline: .72rem;
  display: inline-flex;
  align-items: center;
  font-size: .74rem;
}

body.v282-site:not(.home-v282) .v281-path__inner {
  padding-block: 1.05rem;
  grid-template-columns: minmax(145px, .67fr) minmax(0, 3.33fr);
  gap: clamp(1.35rem, 3vw, 3rem);
}

body.v282-site:not(.home-v282) .v281-path__intro > span {
  margin-block-end: .34rem;
  font-size: .56rem;
  letter-spacing: .135em;
}

body.v282-site:not(.home-v282) .v281-path__intro > strong {
  font-size: .92rem;
  line-height: 1.4;
}

body.v282-site:not(.home-v282) .v281-path__item {
  min-block-size: 4rem;
  padding: .48rem clamp(.62rem, 1vw, .86rem);
  grid-template-columns: 1.55rem minmax(0, 1fr) auto;
  gap: .48rem;
}

body.v282-site:not(.home-v282) .v281-path__copy strong {
  font-size: .8rem;
}

body.v282-site:not(.home-v282) .v281-path__copy small {
  font-size: .63rem;
  line-height: 1.38;
}

body.v282-site:not(.home-v282) .v281-path li:not(:last-child)::after {
  inset-block-start: 1.05rem;
}

/* ---------- product, knowledge and evidence pages ---------- */

body.v282-site[data-v280-archetype="product-dossier"] :is(.product-grid, .pl-grid, .module-grid),
body.v282-site[data-v280-archetype="knowledge-base"] :is(.knowledge-topic-grid, .entry-grid, .evidence-grid),
body.v282-site[data-v280-archetype="evidence-library"] :is(.resources-card-grid, .access-grid) {
  gap: clamp(1rem, 1.8vw, 1.45rem);
}

body.v282-site[data-v280-archetype="product-dossier"] :is(.product-card, .pl-feature-card, .pl-mini-card, .module),
body.v282-site[data-v280-archetype="knowledge-base"] :is(.knowledge-topic-card, .entry-card, .evidence-card),
body.v282-site[data-v280-archetype="evidence-library"] :is(.resources-card, .access-card) {
  padding: clamp(1.35rem, 2.2vw, 1.9rem);
}

body.v282-site[data-v280-archetype="evidence-library"] .resource-center-hero {
  min-block-size: clamp(29rem, 56vh, 37rem);
  padding-block: clamp(4.7rem, 7vw, 6.5rem) clamp(3.8rem, 5.6vw, 5.25rem);
  gap: clamp(2.25rem, 4vw, 4.2rem);
}

body.v282-site[data-v280-archetype="evidence-library"] .resource-hero-board {
  border-radius: var(--v282-radius);
  box-shadow: 0 20px 56px rgba(6, 31, 53, .075);
}

body.v282-site[data-v280-archetype="knowledge-base"] details {
  border-radius: 6px;
  box-shadow: none;
}

/* ---------- newsroom ---------- */

body.v282-site[data-v280-archetype="newsroom-index"] .news-list-hero {
  min-block-size: clamp(27rem, 52vh, 34rem) !important;
}

body.v282-site[data-v280-archetype="newsroom-index"] .formal-news-hero__grid h1 {
  font-size: clamp(3.1rem, 5.2vw, 4.8rem);
}

body.v282-site[data-v280-archetype="newsroom-index"] .news-business-section {
  padding-block: clamp(4.5rem, 6.2vw, 6rem);
}

body.v282-site[data-v280-archetype="newsroom-index"] .news-event-card {
  min-block-size: 0;
  padding-block: 1.45rem;
  border-radius: 0;
  border-inline: 0;
  box-shadow: none;
}

body.v282-site[data-v280-archetype="newsroom-index"] .news-event-card h3 {
  font-size: clamp(1.3rem, 2vw, 1.85rem);
  line-height: 1.27;
}

body.v282-site[data-v280-archetype="newsroom-index"] .news-event-card > p {
  max-inline-size: 62ch;
  color: #526b7a;
}

body.v282-site[data-v280-archetype="newsroom-index"] .news-event-card .openai-news-image {
  border-radius: 6px;
}

body.v282-site[data-v280-archetype="newsroom-article"] .news-body {
  inline-size: min(var(--v282-measure), calc(100vw - 64px));
  margin-inline: auto;
  padding-block: clamp(4rem, 6vw, 5.7rem);
  font-size: clamp(1rem, 1.08vw, 1.07rem);
  line-height: 1.88;
}

body.v282-site[data-v280-archetype="newsroom-article"] .news-body :is(h2, h3) {
  max-inline-size: 22ch;
  margin-block-start: 2.6em;
}

body.v282-site[data-v280-archetype="newsroom-article"] .news-body :is(img, figure) {
  border-radius: 6px;
  box-shadow: none;
}

body.v282-site[data-v280-archetype="newsroom-article"] .news-continue {
  margin-block-start: clamp(3.5rem, 6vw, 5rem);
  padding-block-start: 2rem;
  border-block-start: 1px solid var(--v282-line);
}

/* ---------- contact, project intake and utility pages ---------- */

html body.v282-site.v282-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero {
  min-block-size: clamp(27rem, 52vh, 34rem) !important;
  padding-block: clamp(4.7rem, 7vw, 6.5rem) clamp(3.8rem, 5.6vw, 5.25rem) !important;
}

body.v282-site[data-v280-archetype="project-intake"] .request-hero {
  min-block-size: clamp(29rem, 56vh, 37rem);
}

body.v282-site[data-v280-archetype="project-intake"] .request-shell,
body.v282-site[data-v280-archetype="contact-desk"] .contact-form-band > :where(.home-shell, .formal-shell, .request-shell) {
  max-inline-size: 980px;
}

body.v282-site[data-v280-archetype="project-intake"] .request-hero-visual,
body.v282-site[data-v280-archetype="contact-desk"] .contact-form-card {
  border-radius: var(--v282-radius);
  box-shadow: 0 18px 50px rgba(6, 31, 53, .07);
}

body.v282-site[data-v280-archetype="utility"] .formal-legal-hero {
  padding-block: clamp(5rem, 8vw, 7.2rem) clamp(3.6rem, 5vw, 4.8rem);
  background: linear-gradient(145deg, #f9fbfc, #edf4f6);
}

body.v282-site[data-v280-archetype="utility"] .formal-legal-hero .formal-shell,
body.v282-site[data-v280-archetype="utility"] .formal-legal-layout {
  max-inline-size: 940px;
}

/* ---------- tables ---------- */

body.v282-site:not(.home-v282) .v282-table-wrap {
  position: relative;
  max-inline-size: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border: 1px solid var(--v282-line);
  border-radius: 6px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--v282-accent) 38%, transparent) transparent;
}

body.v282-site:not(.home-v282) .v282-table-wrap > table {
  margin: 0;
  border: 0;
  border-radius: 0;
}

body.v282-site:not(.home-v282) .v282-table-wrap:focus-visible {
  outline: 2px solid var(--v282-accent);
  outline-offset: 3px;
}

/* ---------- decision handoff and footer ---------- */

body.v282-site:not(.home-v282) .v281-decision {
  padding-block: clamp(3.3rem, 5vw, 4.6rem);
  border-block: 1px solid var(--v282-line);
  background: linear-gradient(115deg, rgba(7, 90, 168, .035), rgba(8, 125, 89, .045));
}

body.v282-site:not(.home-v282) .v281-decision__copy > strong {
  max-inline-size: 23ch;
  font-size: clamp(1.55rem, 2.6vw, 2.35rem);
  line-height: 1.18;
}

body.v282-site:not(.home-v282) .formal-footer-cta {
  padding-block: clamp(3rem, 4.7vw, 4.35rem);
  background: rgba(255, 255, 255, .022);
}

body.v282-site:not(.home-v282) .formal-footer-cta h2 {
  max-inline-size: 18ch;
  font-size: clamp(1.65rem, 2.6vw, 2.35rem);
  line-height: 1.16;
}

body.v282-site:not(.home-v282) .formal-footer-cta p {
  max-inline-size: 60ch;
  line-height: 1.7;
}

body.v282-site:not(.home-v282) .footer-directory {
  padding-block: clamp(2.8rem, 4vw, 3.8rem);
  gap: clamp(1.5rem, 3.4vw, 3.6rem);
}

body.v282-site:not(.home-v282) .footer-column h3 {
  margin-block-end: 1rem;
  font-size: .83rem;
  letter-spacing: .02em;
}

body.v282-site:not(.home-v282) .footer-column a {
  line-height: 1.55;
}

/* ---------- homepage screens 2 to 4 only ---------- */

body.home-v282 :is(#bioten, #platform, #updates) :where(h2, h3, p, small, strong) {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body.home-v282 :is(#bioten, #platform, #updates) h2 {
  letter-spacing: -.045em;
}

body.home-v282 #bioten .v260-strength__copy,
body.home-v282 #platform .v260-business__head,
body.home-v282 #updates .v260-updates__head {
  max-inline-size: 1080px;
}

body.home-v282 :is(#bioten, #platform, #updates) .v260-boundary {
  max-inline-size: 82ch;
  line-height: 1.72;
}

body.home-v282 #updates :is(.v260-news-record, .v271-news-item, .v260-portals > a) {
  border-radius: 6px;
}

body.home-v282 #updates .v271-news-item h3 {
  line-height: 1.28;
}

/* ---------- tablet ---------- */

@media (max-width: 1040px) {
  body.v282-site:not(.home-v282) {
    --v282-shell: min(1180px, calc(100vw - 48px));
  }

  body.v282-site:not(.home-v282) .v281-path__inner {
    grid-template-columns: 1fr;
    gap: .85rem;
  }

  body.v282-site:not(.home-v282) .v281-path__intro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: baseline;
  }

  body.v282-site:not(.home-v282) .v281-path__intro > span {
    margin: 0;
  }

  body.v282-site[data-v280-archetype="newsroom-index"] .news-event-card {
    grid-template-columns: minmax(160px, .68fr) minmax(0, 1.32fr);
  }
}

/* ---------- mobile ---------- */

@media (max-width: 760px) {
  html body.v282-site:not(.home-v282) main#main-content :is(section, article, div)[id] {
    scroll-margin-block-start: 8rem !important;
  }

  body.v282-site:not(.home-v282) {
    --v282-shell: min(1180px, calc(100vw - 36px));
  }

  html body.v282-site.v282-site:not(.home-v282) :is(
    .about-bioten-hero,
    .news-list-hero,
    .request-hero
  ),
  html body.business-detail-page.v282-site.v282-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero,
  html body.v282-site.v282-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero.business-hero,
  html body.v282-site.v282-site[data-v280-archetype="contact-desk"] > main#main-content > .contact-hero,
  html body.v282-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero,
  html body.v282-site[data-v280-archetype="knowledge-base"] main > .knowledge-suite-hero {
    min-block-size: 0 !important;
    padding-block: 3.75rem 3.45rem !important;
    background: var(--v282-paper) !important;
  }

  body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map {
    margin-block-start: 1.5rem;
    padding: 1rem;
  }

  body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map > p {
    margin-block-end: .75rem;
  }

  body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map li {
    grid-template-columns: 1.45rem minmax(0, 1fr);
    gap: .35rem;
    padding: .65rem .25rem;
  }

  body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map li small {
    grid-column: 2;
    margin-block-start: .08rem;
  }

  body.v282-site[data-v280-archetype="knowledge-base"] .v280-knowledge-map footer {
    padding-block-start: .75rem;
  }

  html body.v282-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero > .about-hero-copy {
    inline-size: var(--v282-shell) !important;
    padding: 0 !important;
  }

  html body.v282-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-title {
    inline-size: 100% !important;
    max-inline-size: none !important;
  }

  html body.v282-site[data-v280-archetype="product-dossier"] main > .about-bioten-hero .about-hero-copy > h1 {
    font-size: clamp(2.45rem, 11.2vw, 3.25rem) !important;
  }

  html body.v282-site.v282-site.v282-site[data-v280-archetype="product-dossier"] main#main-content > .about-bioten-hero .about-hero-copy > h1 {
    font-size: clamp(2.45rem, 11.2vw, 3.25rem) !important;
  }

  html body.v282-site.v282-site[data-v280-archetype="product-dossier"] main#main-content > .about-bioten-hero {
    padding-block: 3.1rem 2.65rem !important;
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map {
    margin-block-start: 1.5rem;
    padding: 1rem;
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map > p {
    margin-block-end: .75rem;
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map li {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: .5rem;
    padding-block: .58rem;
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map li {
    min-inline-size: 0;
    padding-inline: .25rem;
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map li small {
    display: none;
  }

  body.v282-site[data-v280-archetype="product-dossier"] .v280-product-map footer {
    padding-block-start: .8rem;
  }

  body.v282-site:not(.home-v282) :is(
    .about-hero-copy,
    .news-list-hero-copy,
    .request-hero-copy
  ) > h1,
  html body.business-detail-page.v282-site[data-v280-archetype="dbc-ecosystem"] > main#main-content > .business-hero .about-hero-copy > h1 {
    max-inline-size: 100% !important;
    font-size: clamp(2.5rem, 11.8vw, 3.45rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.048em !important;
  }

  body.v282-site:not(.home-v282) .about-hero-title {
    margin-block-start: 1.35rem;
    padding-block-start: .8rem;
  }

  body.v282-site:not(.home-v282) .about-hero-title > p {
    font-size: .96rem;
    line-height: 1.72;
  }

  body.v282-site[data-v280-archetype="bioten-platform"] .v245-hero,
  body.v282-site[data-v280-archetype="packaging-system"] .v245-hero,
  body.v282-site[data-v280-archetype="developer-workbench"] .formal-developer-hero,
  html body.v282-site[data-v280-archetype="product-dossier"] main > .pl-hero {
    min-block-size: 0 !important;
    padding-block: 4rem 3.6rem !important;
  }

  body.v282-site[data-v280-archetype="bioten-platform"] .v245-hero h1,
  body.v282-site[data-v280-archetype="packaging-system"] .v245-hero h1,
  body.v282-site[data-v280-archetype="developer-workbench"] .formal-developer-hero h1,
  body.v282-site[data-v280-archetype="product-dossier"] .pl-hero h1 {
    max-inline-size: 100%;
    font-size: clamp(2.45rem, 11.5vw, 3.45rem);
    line-height: 1.05;
  }

  body.v282-site[data-v280-archetype="evidence-library"] .resource-center-hero {
    min-block-size: 0;
    padding-block: 3.75rem 3.45rem;
    gap: 1.6rem;
  }

  body.v282-site:not(.home-v282) :is(
    .home-section-title,
    .section-head,
    .formal-section-head,
    .v245-section-head,
    .news-list-heading
  ) h2 {
    max-inline-size: 100%;
    font-size: clamp(1.85rem, 8.5vw, 2.55rem);
  }

  body.v282-site[data-v280-archetype="dbc-ecosystem"] .home-band,
  body.v282-site[data-v280-archetype="contact-desk"] .home-band,
  body.v282-site[data-v280-archetype="product-dossier"] :is(.page-section, .pl-section),
  body.v282-site[data-v280-archetype="developer-workbench"] .formal-section,
  body.v282-site[data-v280-archetype="knowledge-base"] .page-section,
  body.v282-site[data-v280-archetype="evidence-library"] :is(.page-section, .resource-download-section) {
    padding-block: 3.75rem;
  }

  body.v282-site:not(.home-v282) .v281-path {
    overflow: hidden;
  }

  body.v282-site:not(.home-v282) .v281-path__inner {
    inline-size: 100%;
    padding: .95rem 0 1rem 18px;
    gap: .75rem;
  }

  body.v282-site:not(.home-v282) .v281-path__intro {
    inline-size: calc(100% - 36px);
    grid-template-columns: 1fr;
    gap: .28rem;
  }

  body.v282-site:not(.home-v282) .v281-path ol {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
    padding-inline-end: 18px;
  }

  body.v282-site:not(.home-v282) .v281-path ol::-webkit-scrollbar {
    display: none;
  }

  body.v282-site:not(.home-v282) .v281-path li {
    flex: 0 0 min(46vw, 168px);
    scroll-snap-align: start;
  }

  body.v282-site:not(.home-v282) .v281-path__item {
    min-block-size: 4.45rem;
  }

  body.v282-site:not(.home-v282) .v281-path li:not(:last-child)::after {
    inset-inline-end: -.3rem;
  }

  body.v282-site[data-v280-archetype="newsroom-article"] .news-hero h1,
  body.v282-site[data-v280-archetype="newsroom-article"] .news-original-hero h1 {
    max-inline-size: 100%;
    font-size: clamp(2.2rem, 10.5vw, 3rem) !important;
    line-height: 1.1 !important;
  }

  body.v282-site[data-v280-archetype="newsroom-article"] .news-body {
    inline-size: calc(100vw - 36px);
    padding-block: 3.4rem;
    font-size: .99rem;
    line-height: 1.84;
  }

  body.v282-site[data-v280-archetype="newsroom-index"] .news-business-section {
    padding-block: 3.75rem;
  }

  body.v282-site[data-v280-archetype="newsroom-index"] .news-event-card {
    padding-block: 1.15rem 1.65rem;
  }

  body.v282-site[data-v280-archetype="project-intake"] .request-hero-visual {
    min-block-size: 240px;
  }

  body.v282-site:not(.home-v282) .v281-decision {
    padding-block: 2.8rem;
  }

  body.v282-site:not(.home-v282) .formal-footer-cta {
    padding-block: 2.8rem;
  }

  body.v282-site:not(.home-v282) .formal-footer-cta h2 {
    max-inline-size: 100%;
  }

  body.home-v282 :is(#bioten, #platform, #updates) .v260-boundary {
    line-height: 1.66;
  }
}

@media (max-width: 460px) {
  body.v282-site:not(.home-v282) {
    --v282-shell: min(1180px, calc(100vw - 28px));
  }

  body.v282-site:not(.home-v282) .v281-path__inner {
    padding-inline-start: 14px;
  }

  body.v282-site:not(.home-v282) .v281-path__intro {
    inline-size: calc(100% - 28px);
  }

  body.v282-site:not(.home-v282) .v281-path ol {
    padding-inline-end: 14px;
  }

  body.v282-site:not(.home-v282) .v281-path li {
    flex-basis: min(48vw, 164px);
  }

  body.v282-site[data-v280-archetype="newsroom-article"] .news-body {
    inline-size: calc(100vw - 28px);
  }
}

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

/* ---------- final page-family composition pass ---------- */

/*
 * V245 pages originally carried both section padding and inner-grid padding.
 * The double rhythm made the platform and application heroes feel sparse and
 * pushed the first useful relationship below the fold. Keep one deliberate
 * outer rhythm and let the copy and technical visual form one composition.
 */
html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero {
  min-block-size: 0 !important;
}

html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero,
html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero {
  padding-block: clamp(4.6rem, 6.2vw, 5.6rem) clamp(3.9rem, 5vw, 4.7rem) !important;
}

html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero .v245-hero__grid {
  align-items: center;
  padding-block: 0 !important;
}

html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero .v245-hero__grid,
html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero .v245-hero__grid {
  gap: clamp(2.4rem, 5vw, 5.2rem);
}

html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero h1 {
  max-inline-size: 12ch !important;
  font-size: clamp(3.35rem, 4.75vw, 4.45rem) !important;
  line-height: 1.025 !important;
  letter-spacing: -.052em !important;
}

html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero .v245-hero__visual,
html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero .v245-hero__visual {
  min-block-size: clamp(22.5rem, 29vw, 25rem) !important;
}

html body.v245-page.v282-site[data-v280-archetype="bioten-application"] #main-content > .v245-hero .v245-hero__grid {
  gap: clamp(2.4rem, 5vw, 5rem);
  padding-block: clamp(4.7rem, 6.5vw, 5.8rem) clamp(4rem, 5.4vw, 4.8rem) !important;
}

html body.v245-page.v282-site[data-v280-archetype="bioten-application"] #main-content > .v245-hero :is(.v245-hero__visual, .v245-tech-visual) {
  min-block-size: clamp(22.5rem, 30vw, 25.5rem) !important;
}

/* Developer page: keep the role logic in the hero, but remove presentation-like scale. */
html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero {
  min-block-size: 0 !important;
  padding-block: clamp(4.8rem, 6.4vw, 5.8rem) clamp(3.8rem, 5vw, 4.6rem) !important;
}

html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero h1 {
  max-inline-size: 13ch !important;
  font-size: clamp(3.45rem, 4.9vw, 4.55rem) !important;
  line-height: 1.015 !important;
}

html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip {
  margin-block-start: clamp(2.3rem, 3.5vw, 3rem);
}

html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip a {
  min-block-size: 6.6rem;
  padding-block: 1rem;
}

/* Resource and knowledge pages need a landing-page title, not a template title. */
html body.v282-site[data-v280-archetype="evidence-library"] #main-content > .resource-center-hero h1,
html body.v282-site[data-v280-archetype="knowledge-base"] #main-content > :is(.knowledge-suite-hero, .about-bioten-hero) h1 {
  max-inline-size: 14ch !important;
  font-size: clamp(3.15rem, 4.4vw, 4.15rem) !important;
  line-height: 1.035 !important;
  letter-spacing: -.05em !important;
}

html body.v282-site[data-v280-archetype="product-dossier"] #main-content > .pl-hero h1 {
  max-inline-size: 15ch !important;
  font-size: clamp(3.05rem, 4.2vw, 3.95rem) !important;
  line-height: 1.04 !important;
}

html body.v282-site[data-v280-archetype="dbc-ecosystem"] #main-content > .brands-hero h1,
html body.v282-site[data-v280-archetype="contact-desk"] #main-content > .contact-routing-hero h1,
html body.v282-site[data-v280-archetype="evidence-library"] #main-content > .resource-download-hero h1 {
  max-inline-size: 15ch !important;
  font-size: clamp(3rem, 4.2vw, 3.9rem) !important;
  line-height: 1.045 !important;
  letter-spacing: -.05em !important;
}

/* The original V245 layout becomes single-column at 900px. Its media height
 * therefore needs a dedicated tablet value instead of inheriting desktop or
 * phone dimensions. */
@media (min-width: 761px) and (max-width: 900px) {
  html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero,
  html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero {
    padding-block: 3.75rem 3.35rem !important;
  }

  html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero .v245-hero__grid {
    gap: 2.1rem !important;
  }

  html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero h1 {
    max-inline-size: 13ch !important;
    font-size: clamp(2.85rem, 6.4vw, 3.25rem) !important;
    line-height: 1.04 !important;
  }

  html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero .v245-hero__visual,
  html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero .v245-hero__visual {
    min-block-size: 17rem !important;
  }

  html body.v245-page.v282-site[data-v280-archetype="bioten-application"] #main-content > .v245-hero .v245-hero__grid {
    gap: 2.1rem !important;
    padding-block: 3.75rem 3.35rem !important;
  }

  html body.v245-page.v282-site[data-v280-archetype="bioten-application"] #main-content > .v245-hero :is(.v245-hero__visual, .v245-tech-visual) {
    min-block-size: 17.5rem !important;
  }
}

@media (max-width: 760px) {
  html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero,
  html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero {
    padding-block: 3.45rem 3.15rem !important;
  }

  html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero .v245-hero__grid {
    gap: 2rem !important;
  }

  html body.v245-page.v282-site:not(.home-v282) #main-content > .v245-hero h1 {
    max-inline-size: 100% !important;
    font-size: clamp(2.45rem, 10.7vw, 3rem) !important;
    line-height: 1.045 !important;
  }

  html body.v245-page.v282-site[data-v280-archetype="bioten-platform"] #main-content > .v245-hero .v245-hero__visual,
  html body.v245-page.v282-site[data-v280-archetype="packaging-system"] #main-content > .v245-hero .v245-hero__visual {
    min-block-size: 15.5rem !important;
  }

  html body.v245-page.v282-site[data-v280-archetype="bioten-application"] #main-content > .v245-hero .v245-hero__grid {
    padding-block: 3.35rem 3.15rem !important;
  }

  html body.v245-page.v282-site[data-v280-archetype="bioten-application"] #main-content > .v245-hero :is(.v245-hero__visual, .v245-tech-visual) {
    min-block-size: 16.5rem !important;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero {
    padding-block: 3.6rem 3.2rem !important;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero h1 {
    max-inline-size: 100% !important;
    font-size: clamp(2.45rem, 10.8vw, 3rem) !important;
    line-height: 1.04 !important;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-block-start: 1.45rem;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-actions > :is(a, button) {
    inline-size: auto;
    min-inline-size: 0;
    justify-content: center;
    padding-inline: .85rem;
    text-align: center;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-actions > .formal-text-link {
    grid-column: 1 / -1;
    min-block-size: 2.7rem;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-start: 2rem;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip a,
  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip a + a {
    min-block-size: 7rem;
    padding: .95rem .8rem;
    border: 0;
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip a:nth-child(even) {
    border-inline-start: 1px solid rgba(255, 255, 255, .18);
  }

  html body.v282-site[data-v280-archetype="developer-workbench"] #main-content > .formal-developer-hero .formal-role-strip a:nth-child(n + 3) {
    border-block-start: 1px solid rgba(255, 255, 255, .18);
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content > .resource-center-hero {
    padding-block: 3.35rem 3.05rem !important;
    gap: 1.4rem !important;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content > .resource-center-hero h1,
  html body.v282-site[data-v280-archetype="knowledge-base"] #main-content > :is(.knowledge-suite-hero, .about-bioten-hero) h1,
  html body.v282-site[data-v280-archetype="product-dossier"] #main-content > .pl-hero h1,
  html body.v282-site[data-v280-archetype="dbc-ecosystem"] #main-content > .brands-hero h1,
  html body.v282-site[data-v280-archetype="contact-desk"] #main-content > .contact-routing-hero h1,
  html body.v282-site[data-v280-archetype="evidence-library"] #main-content > .resource-download-hero h1 {
    max-inline-size: 100% !important;
    font-size: clamp(2.35rem, 10.5vw, 2.9rem) !important;
    line-height: 1.05 !important;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-block-start: 1.4rem;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-hero-actions > a {
    inline-size: auto;
    min-inline-size: 0;
    justify-content: center;
    padding-inline: .75rem;
    text-align: center;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-hero-actions > a:first-child {
    grid-column: 1 / -1;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-hero-board {
    margin-block-start: 0;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-doc-preview {
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: .85rem;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-doc-preview img {
    block-size: 7.25rem;
  }

  html body.v282-site[data-v280-archetype="evidence-library"] #main-content .resource-doc-preview p {
    margin-block-start: .35rem;
    font-size: .72rem;
    line-height: 1.55;
  }
}