/*
 * DBC / BIOTEN V7.16.0 — homepage screen-two precision closure.
 * Scope: professional card copy rhythm, optical arrow centering, restrained
 * image grading and a shorter mobile reading path. The accepted card order,
 * particle divider and evidence language remain unchanged.
 */

body.dbc-home-page #bioten[data-v7160-screen-two-precision] {
  --v7160-card-ease: cubic-bezier(.22, 1, .36, 1);
  --v7160-paper-white: #fbf8f0;
  --v7160-paper-line: rgb(231 219 194 / .7);
}

/* Treat the two group names as quiet editorial chapter lines, not helper text. */
body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label {
  padding-left: .72rem;
}

body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label strong {
  font-size: clamp(.79rem, .79vw, .86rem);
  font-weight: 690;
  letter-spacing: .002em;
}

body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  .v703-domain-group--extended .v703-domain-group__label {
  border-left-color: rgb(21 95 145 / .42);
}

/* One restrained material grade keeps bright and dark source images in one family. */
body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  .v703-domain-group__grid .v311-domain[data-v793-card] .v311-domain__slide img {
  filter: saturate(.93) contrast(1.025) brightness(.995);
}

body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  :is([data-v793-card="snack"], [data-v793-card="liquid"], [data-v793-card="specialty"])
  .v311-domain__slide img {
  filter: saturate(.9) contrast(1.018) brightness(1.035);
}

body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  [data-v793-card="pharma"] .v311-domain__slide img {
  object-position: 48% 50%;
}

/* SVG geometry removes the font-baseline offset of the historical arrow glyph. */
body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  :is([data-v7160-card-arrow="centered"], [data-v7160-closure-arrow="centered"]) {
  display: grid !important;
  padding: 0 !important;
  place-items: center !important;
  line-height: 0 !important;
  text-indent: 0 !important;
}

body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  :is([data-v7160-card-arrow="centered"], [data-v7160-closure-arrow="centered"]) svg {
  display: block;
  width: .78rem;
  height: .78rem;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45;
  transform: translate3d(.015rem, 0, 0);
}

body.dbc-home-page #bioten[data-v7160-screen-two-precision]
  [data-v7160-closure-arrow="centered"] svg {
  width: .7rem;
  height: .7rem;
}

/* The evidence boundary remains intact, with a calmer reading measure. */
body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v7112-packaging-summary {
  max-width: 82ch !important;
  line-height: 1.74 !important;
}

@media (hover: hover) and (pointer: fine) {
  body.dbc-home-page #bioten[data-v7160-screen-two-precision]
    .v703-domain-group__grid .v311-domain[data-v793-card]:hover .v311-domain__slide img {
    filter: saturate(.99) contrast(1.04) brightness(1.015);
  }
}

/* Phones keep a deliberate single reading column, but no longer repeat six tall posters. */
@media (max-width: 639px) {
  body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label {
    padding-left: .66rem;
  }

  body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v703-domain-group__label strong {
    font-size: clamp(.78rem, 3.62vw, .85rem);
  }

  body.dbc-home-page #main-content #bioten[data-v7160-screen-two-precision]
    .v703-domain-group__grid .v311-domain[data-v793-card],
  body.dbc-home-page #main-content #bioten[data-v7160-screen-two-precision]
    .v703-domain-group__grid .v311-domain[data-v793-card]:nth-child(3) {
    height: auto !important;
    min-height: clamp(14.25rem, 64vw, 16rem) !important;
    block-size: auto !important;
    min-block-size: clamp(14.25rem, 64vw, 16rem) !important;
    aspect-ratio: 3 / 2;
  }

  body.dbc-home-page #bioten[data-v7160-screen-two-precision]
    .v703-domain-group__grid .v311-domain[data-v793-card] .v311-domain__link p {
    max-width: calc(100% - .72rem) !important;
    line-height: 1.5 !important;
  }

  body.dbc-home-page #bioten[data-v7160-screen-two-precision] .v7112-packaging-summary {
    max-width: 37rem !important;
    line-height: 1.7 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dbc-home-page #bioten[data-v7160-screen-two-precision]
    :is([data-v7160-card-arrow="centered"], [data-v7160-closure-arrow="centered"]),
  body.dbc-home-page #bioten[data-v7160-screen-two-precision]
    .v703-domain-group__grid .v311-domain[data-v793-card] .v311-domain__slide img {
    transition: none !important;
  }
}
