/* ===========================================================
   page-compare-bio-tuners.css
   SOTA "Compare Bio Tuners" page (?page=Compare-Bio-Tuners)
   Wrapper: .page-compare-bio-tuners
   Load:    Out ('\t<link rel="stylesheet" href="'+getVersionedFile('css/page-compare-bio-tuners.css')+'" />\n');

   Figma: 11721:2707 (page frame "1440w default", 1640 artboard,
          1200 content column). No mobile frame -- phone layout
          follows the shipped compare-silver-pulsers mobile pattern
          (its Figma 13587:23305); mobile clamp endpoints are stated
          assumptions.
   Font-size base: 18px on the wrapper; every size in em except
          clamp() endpoints and corner-matching radii (px).
   Clamp formula: slope_vw = (desktop - mobile) / (1200 - 400) * 100,
          intercept = mobile - slope * 4 (1200 desktop / 400 mobile).
   Inherited from CMS: Roboto (asserted below for previews), the
          menu/footer chrome, .page-wave wrapper (site-footer.css),
          sprite mechanics (site-icons.css), site-cart.js behaviour.
   ASCII-clean.

   Layout donor: page-compare-silver-pulsers (same section shapes,
   two models instead of three).

   SECTION INDEX (search the prefix to jump):
     hero__         SECTION 1: HERO
     which__ /
     which-card__ /
     which-compare__  SECTION 2: WHICH MODEL (cards + compare table)
     page-wave      PAGE-BOTTOM WAVE
=========================================================== */

/* Cream Cake -- script accent for the hero heading only.
   Licensed webfont supplied by SOTA at /fonts/cream_cake.woff2. */
@font-face {
  font-family: 'Cream Cake';
  src: url('/fonts/cream_cake.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* === TOKENS === */
.page-compare-bio-tuners {
  font-size: 18px; /* dominant Figma paragraph size */
  font-family: 'Roboto', sans-serif; /* matches CMS chrome; for previews */

  /* Typography scale (1200/400 basis) */
  --text-heading: clamp(30px, 2.5vw + 20px, 50px);   /* section titles 50 -> 30 */
  --text-btn:     1em;                                /* 18px button labels */
  --text-hero:        clamp(32px, 2.75vw + 21px, 54px); /* Roboto part 54 -> 32 (mobile assumed) */
  --text-hero-script: clamp(48px, 4vw + 32px, 80px);    /* Cream Cake part 80 -> 48 (mobile assumed) */

  /* Spacing */
  --space-section-y: clamp(40px, 5vw + 20px, 80px);
  --space-container: clamp(10px, 2.5vw, 30px);

  /* Radii (px -- they feed calc(radius - 1px) corner arcs) */
  --radius-pill:  9999px;
  --radius-panel: 20px;

  /* ============================================================
     BRAND ACCENT CONFIG -- Bio Tuner family (mirrors page-bio-tuner).
     Working accent is the deep purple (Figma #8873c3: hero script,
     title accent, chips, header rule); the column tints derive from
     the product token --color-bio-tuner (Figma rgba(161,148,199,a)).
     ============================================================ */
  --color-accent:      #8873c3;
  --color-accent-dark: #62538e;
  --color-accent-tint: #d5d1e6;
  --color-accent-a60: color-mix(in srgb, var(--color-bio-tuner) 60%, transparent);
  --color-accent-a40: color-mix(in srgb, var(--color-bio-tuner) 40%, transparent);
  --color-accent-a30: color-mix(in srgb, var(--color-bio-tuner) 30%, transparent);
  --color-accent-a20: color-mix(in srgb, var(--color-bio-tuner) 20%, transparent);
  --color-accent-a12: color-mix(in srgb, var(--color-bio-tuner) 12%, transparent);
  --color-accent-a10: color-mix(in srgb, var(--color-bio-tuner) 10%, transparent);
  /* Opaque equivalents (mixed over white) for the STICKY table header --
     alpha tints would let scrolled rows show through the pinned cells. */
  --color-accent-t40: color-mix(in srgb, var(--color-bio-tuner) 40%, var(--color-white));
  --color-accent-t30: color-mix(in srgb, var(--color-bio-tuner) 30%, var(--color-white));

  /* Full product palette (cross-product references) */
  --color-silver-pulser:   #92ca6a;
  --color-magnetic-pulser: #59afb2;
  --color-water-ozonator:  #4792bc; /* blue -- also the site primary */
  --color-bio-tuner:       #a194c7;

  /* Neutrals */
  --color-dark:         #3b3b3b;
  --color-grey-text:    #555555; /* compare-table text values, Accessories head */
  --color-mark-off:     rgba(58, 58, 58, 0.40); /* de-emphasised X marks */
  --color-table-border: #cdcdcd;
  --color-card-border:  #d4d4d4;
  --color-white:        #ffffff;
  --color-cream-bg:     #f8f4f2;
  --color-btn-hover:    #555555; /* site-wide flat pill hover */

  /* Hero gradient stops (Figma 11721:2733) */
  --hero-grad-1: #f9fbf6;
  --hero-grad-2: #f5faf0;
  --hero-grad-3: #e6f4f8;
  --hero-chip-shadow: 0 12px 20px rgba(26, 43, 28, 0.09);

  /* Sticky site masthead height: the pinned chart header offsets by
     this so it is not hidden beneath the menu. */
  --masthead-h: 70px;

  color: var(--color-dark);
  width: 100%;
}

/* === RESET + REQUIRED BOILERPLATE (STANDARDS 3) === */
.page-compare-bio-tuners *,
.page-compare-bio-tuners *::before,
.page-compare-bio-tuners *::after {
  box-sizing: border-box;
  margin: 0;
}
.page-compare-bio-tuners a   { text-decoration: none; color: inherit; }
.page-compare-bio-tuners ul  { list-style: none; padding: 0; }
.page-compare-bio-tuners img { display: block; max-width: 100%; height: auto; }
.page-compare-bio-tuners button {
  cursor: pointer; border: none; background: none;
  font-family: inherit; font-size: inherit; line-height: inherit; color: inherit;
}
.page-compare-bio-tuners header { font: inherit; } /* CMS bare-header leak */
.page-compare-bio-tuners .sec-title {
  font-size: var(--text-heading);
  font-weight: 900;
}
.page-compare-bio-tuners a:focus-visible,
.page-compare-bio-tuners button:focus-visible,
.page-compare-bio-tuners input:focus-visible,
.page-compare-bio-tuners [tabindex]:focus-visible {
  outline: 2px solid var(--color-accent-dark);
  outline-offset: 2px;
}
/* Screen-reader-only text (yes/no words behind the table glyphs) */
.page-compare-bio-tuners .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* === LAYOUT UTILITIES === */
.page-compare-bio-tuners .section {
  padding: var(--space-section-y) 0;
  width: 100%;
}
.page-compare-bio-tuners .container {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1200px + 2 * var(--space-container));
  margin-inline: auto;
  padding-inline: var(--space-container);
}
.page-compare-bio-tuners .section--white { background: var(--color-white); }

/* Role-named two-tone heading helpers (fixed mappings) */
.page-compare-bio-tuners .text-ink    { color: var(--color-water-ozonator); }
.page-compare-bio-tuners .text-accent { color: var(--color-accent); }

/* === BUTTONS === */
/* Pills per Figma (11721:2775 / 2776): 37px tall = 27px line + 10px
   padding, split 60/40 top/bottom for optical centring of the caps
   (COMPONENTS.md "Buttons"); 20px sides; 0.1em tracking. */
.page-compare-bio-tuners .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.333em 1.111em 0.222em; /* 6px 20px 4px */
  font-size: var(--text-btn);
  font-weight: 900;
  line-height: 1.5; /* 27px */
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.page-compare-bio-tuners .btn--pill { border-radius: var(--radius-pill); }
.page-compare-bio-tuners .btn--primary {
  background: var(--color-water-ozonator);
  color: var(--color-white);
}
.page-compare-bio-tuners .btn--primary:hover { background: var(--color-btn-hover); }
/* Outlined pill: white bg, 2px blue stroke. The stroke comes out of
   the padding so both pills share the 37px height. */
.page-compare-bio-tuners .btn--outline {
  background: var(--color-white);
  color: var(--color-water-ozonator);
  border: 2px solid var(--color-water-ozonator);
  padding: calc(0.333em - 2px) calc(1.111em - 2px) calc(0.222em - 2px);
}
.page-compare-bio-tuners .btn--outline:hover {
  background: var(--color-btn-hover);
  border-color: var(--color-btn-hover);
  color: var(--color-white);
}

/* === SECTION 1: HERO === */
/* Figma 11721:2732: full-bleed gradient; text left, product photo
   right with floating model chips. */
.page-compare-bio-tuners .section-hero {
  background: linear-gradient(178deg, var(--hero-grad-1) 0%, var(--hero-grad-2) 40%, var(--hero-grad-3) 100%);
  padding: 2.778em 0; /* 50px both ends */
}
.page-compare-bio-tuners .hero__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-compare-bio-tuners .hero__text {
  flex: 0 1 32.593em; /* 586.66px */
  display: flex;
  flex-direction: column;
  gap: 1.222em; /* 22px */
}
.page-compare-bio-tuners .hero__title {
  font-size: var(--text-hero);
  font-weight: 400;
  line-height: 1.08; /* 58.32px at 54 */
  color: var(--color-dark);
}
.page-compare-bio-tuners .hero__script {
  font-family: 'Cream Cake', cursive;
  font-size: var(--text-hero-script); /* own clamp (Firefox cannot divide clamps in calc) */
  font-weight: 400;
  line-height: 0.7; /* 56px at 80 */
  color: var(--color-accent);
}
.page-compare-bio-tuners .hero__subhead {
  font-size: 1.111em; /* 20px */
  font-weight: 400;
  line-height: 1.53; /* 30.6px */
  color: var(--color-dark);
}
.page-compare-bio-tuners .hero__functions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.111em; /* 20px */
  padding: 1.111em 0; /* 20px block */
}
.page-compare-bio-tuners .hero__function {
  display: flex;
  align-items: center;
  gap: 0.778em; /* 14px */
}
/* 40px white badge; 18px sprite icon inside, accent purple */
.page-compare-bio-tuners .hero__function-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.222em;
  height: 2.222em;
  border-radius: 0.556em; /* 10px */
  background: var(--color-white);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  color: var(--color-accent);
}
.page-compare-bio-tuners .hero__function-badge .icon { font-size: 1em; }
.page-compare-bio-tuners .hero__function-label {
  font-size: 1.222em; /* 22px */
  font-weight: 700;
  line-height: 1.364; /* 30px */
  color: var(--color-dark);
}

/* Product photo + floating chips */
.page-compare-bio-tuners .hero__media {
  position: relative;
  flex: 0 0 34.056em; /* 613px */
  max-width: 100%;
  aspect-ratio: 613 / 463;
}
.page-compare-bio-tuners .hero__media > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Chip offsets in % of the 613x463 media box (Figma px / box size) */
.page-compare-bio-tuners .hero__chip {
  position: absolute;
  font-size: 0.667em;      /* 12px -- em anchor for the paddings below */
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--color-dark);
  background: var(--color-white);
  border-radius: 1.333em;  /* 16px */
  padding: 1.167em 1.5em;  /* 14px 18px */
  box-shadow: var(--hero-chip-shadow);
  white-space: nowrap;
  transition: background-color 0.15s, color 0.15s;
}
.page-compare-bio-tuners .hero__chip:hover,
.page-compare-bio-tuners .hero__chip:focus-visible {
  background: var(--color-accent);
  color: var(--color-white);
}
.page-compare-bio-tuners .hero__chip--bt9  { right: 51.17%; top: 4.75%; }  /* right 313.66, top 22 */
.page-compare-bio-tuners .hero__chip--lite { right: 16.75%; top: 68.03%; } /* right 102.66, top 315 */

@media (max-width: 1024px) {
  /* Stack: text first, photo centred below; text stays left-aligned */
  .page-compare-bio-tuners .hero__container {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.222em; /* 40px */
  }
  .page-compare-bio-tuners .hero__text { flex: 0 1 auto; }
  .page-compare-bio-tuners .hero__media {
    flex: 0 1 auto;
    width: 100%;
    max-width: 34.056em;
    align-self: center;
  }
}
@media (max-width: 767px) {
  .page-compare-bio-tuners .hero__functions { gap: 0.778em; }
}

/* === SECTION 2: WHICH MODEL === */
/* Figma 11721:2760: header, two product cards, "Not sure?" note,
   table heading, compare table in a rounded bordered card. */
.page-compare-bio-tuners .which__container {
  display: flex;
  flex-direction: column;
  gap: 2.778em; /* 50px between header / cards / note / table block */
}
.page-compare-bio-tuners .which__header {
  display: flex;
  flex-direction: column;
  gap: 0.556em; /* 10px title-to-subhead */
  text-align: center;
}
.page-compare-bio-tuners .which__title { line-height: 1.2; } /* 60px at 50 */
.page-compare-bio-tuners .which__subhead {
  font-size: 1.222em; /* 22px */
  font-weight: 700;
  line-height: 1.364; /* 30px */
  color: var(--color-dark);
}

/* Two product cards (595px each + 10px gap at desktop) */
.page-compare-bio-tuners .which__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.556em; /* 10px */
  align-items: stretch;
  margin-bottom: 1.111em; /* Figma wrapper's 20px bottom pad -> 70px to the note */
}
.page-compare-bio-tuners .which-card {
  display: flex;
  flex-direction: column;
  gap: 0.778em; /* 14px */
  padding-top: 1.111em; /* 20px */
  background: var(--color-white);
  border: 1px solid var(--color-card-border);
  border-radius: var(--radius-panel);
  overflow: hidden;
}
.page-compare-bio-tuners .which-card__media {
  width: 100%;
  height: 12.944em; /* 233px */
}
.page-compare-bio-tuners .which-card__media a,
.page-compare-bio-tuners .which-card__media img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-compare-bio-tuners .which-card__media img { object-fit: contain; }
.page-compare-bio-tuners .which-card__name {
  font-size: 1.667em; /* 30px */
  font-weight: 700;
  line-height: 1.167; /* 35px */
  color: var(--color-dark);
  text-align: center;
}
.page-compare-bio-tuners .which-card__price { text-align: center; }
.page-compare-bio-tuners .which-card__amount {
  font-size: 1.389em; /* 25px */
  font-weight: 900;
  line-height: 1.4; /* 35px */
  color: var(--color-water-ozonator);
}
.page-compare-bio-tuners .which-card__currency {
  font-size: 1.111em; /* 20px */
  font-weight: 400;
  color: var(--color-dark);
}
/* Cream footer panel fills remaining height; actions pinned bottom */
.page-compare-bio-tuners .which-card__foot {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.111em; /* 20px */
  background: var(--color-cream-bg);
  padding: 1.111em 0.556em; /* 20px 10px */
}
.page-compare-bio-tuners .which-card__desc {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.667; /* 30px */
  color: var(--color-dark);
}
.page-compare-bio-tuners .which-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.556em; /* 10px */
}
/* Neutralize the legacy table wrapper around each add-to-cart form
   (same proven markup as the live compare-silver-pulsers page). */
.page-compare-bio-tuners .which-card__buy-table,
.page-compare-bio-tuners .which-card__buy-table > tbody,
.page-compare-bio-tuners .which-card__buy-table > tbody > tr,
.page-compare-bio-tuners .which-card__buy-table > tbody > tr > td {
  display: block;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
.page-compare-bio-tuners .which-card__buy {
  display: flex;
  justify-content: center;
}

/* "Not sure?" reassurance note (Figma 11721:2797) */
.page-compare-bio-tuners .which__note {
  font-size: 1.222em; /* 22px */
  font-weight: 400;
  line-height: 1.364; /* 30px */
  color: var(--color-dark);
  text-align: center;
}
.page-compare-bio-tuners .which__note strong { font-weight: 700; }

/* Table heading + card (Figma 11721:2798) */
.page-compare-bio-tuners .which__compare-block {
  display: flex;
  flex-direction: column;
  gap: 1.667em; /* 30px */
}
.page-compare-bio-tuners .which__compare-heading {
  font-size: 1.222em; /* 22px */
  font-weight: 700;
  line-height: 1.364; /* 30px */
  color: var(--color-dark);
  text-align: center;
}

/* Compare card. NO overflow:hidden -- a clip box would capture the
   sticky header; the corner cells carry their own radii instead. */
.page-compare-bio-tuners .which-compare {
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-table-border);
  border-radius: var(--radius-panel);
}
.page-compare-bio-tuners .which-compare__scroll { min-width: 0; }
/* Row template: 500 / 350 / 350 at 1200 -> 10fr 7fr 7fr keeps the
   Figma proportion fluidly at every width. */
.page-compare-bio-tuners .which-compare__head,
.page-compare-bio-tuners .which-compare__row {
  display: grid;
  grid-template-columns: minmax(0, 10fr) minmax(0, 7fr) minmax(0, 7fr);
  align-items: stretch;
  border-bottom: 1px solid var(--color-table-border);
}
.page-compare-bio-tuners .which-compare__feature-head,
.page-compare-bio-tuners .which-compare__feature {
  display: flex;
  align-items: center;
  color: var(--color-dark);
}
.page-compare-bio-tuners .which-compare__feature-head {
  font-size: 1.222em; /* 22px */
  font-weight: 700;
  line-height: 1.136; /* 25px */
  padding: 0.455em 1.364em; /* 10px 30px at 22px */
}
.page-compare-bio-tuners .which-compare__feature {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.667; /* 30px */
  padding: 0.278em 0.278em 0.278em 3.647em; /* 5px, 65.65px indent */
}
.page-compare-bio-tuners .which-compare__link {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.page-compare-bio-tuners .which-compare__col {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25em; /* 5px at 20px */
  font-size: 1.111em; /* 20px -- check/cross glyphs and column heads */
  font-weight: 700;
  line-height: 1.6; /* 32px */
  color: var(--color-dark);
  text-align: center;
}
/* Column tint ramp from the Figma: BT9 40%, Lite 30% */
.page-compare-bio-tuners .which-compare__col--bt9  { background: var(--color-accent-a40); }
.page-compare-bio-tuners .which-compare__col--lite { background: var(--color-accent-a30); }

/* Header row: sticky below the masthead, accent rule beneath it
   (Figma Line 16, 2px). OPAQUE tints so rows cannot show through. */
.page-compare-bio-tuners .which-compare__head {
  position: sticky;
  top: var(--masthead-h);
  z-index: 2;
  background: var(--color-white);
  border-bottom: 2px solid var(--color-accent);
  border-top-left-radius: calc(var(--radius-panel) - 1px);
  border-top-right-radius: calc(var(--radius-panel) - 1px);
}
.page-compare-bio-tuners .which-compare__head .which-compare__col {
  line-height: 1.44; /* 28.8px */
  padding-top: 0.25em;    /* 5px; row height set by the Features cell */
  padding-bottom: 0.25em;
}
.page-compare-bio-tuners .which-compare__head .which-compare__col--bt9  { background: var(--color-accent-t40); }
.page-compare-bio-tuners .which-compare__head .which-compare__col--lite { background: var(--color-accent-t30); }
/* Round the corner CHILDREN directly (flush fills paint over the
   card's rounded border otherwise). Child arc = 20 - 1px border. */
.page-compare-bio-tuners .which-compare__head .which-compare__feature-head {
  border-top-left-radius: calc(var(--radius-panel) - 1px);
}
.page-compare-bio-tuners .which-compare__head .which-compare__col--lite {
  border-top-right-radius: calc(var(--radius-panel) - 1px);
}

/* In-cell feature labels: phone only */
.page-compare-bio-tuners .which-compare__cell-label { display: none; }

/* Text value cells ("3 years", "1 pair"): 18px bold grey */
.page-compare-bio-tuners .which-compare__col--val {
  font-size: 1em;
  line-height: 1.667; /* 30px */
  color: var(--color-grey-text);
}
/* X-mark cells de-emphasised per Figma */
.page-compare-bio-tuners .which-compare__col--no { color: var(--color-mark-off); }

/* Last row closes the card */
.page-compare-bio-tuners .which-compare__row:last-child { border-bottom: 0; }
.page-compare-bio-tuners .which-compare__row:last-child .which-compare__feature {
  border-bottom-left-radius: calc(var(--radius-panel) - 1px);
}
.page-compare-bio-tuners .which-compare__row:last-child .which-compare__col--lite {
  border-bottom-right-radius: calc(var(--radius-panel) - 1px);
}

/* Accessories sub-header row (Figma 11807:5056) */
.page-compare-bio-tuners .which-compare__row--subhead .which-compare__feature {
  font-size: 1.222em; /* 22px */
  font-weight: 700;
  line-height: 1.136; /* 25px */
  color: var(--color-grey-text);
  padding: 0.227em 0.227em 0.227em 1.364em; /* 5px, 30px indent at 22px */
}
.page-compare-bio-tuners .which-compare__row--subhead .which-compare__col {
  min-height: 2.1em; /* 42px at 20px */
}

@media (max-width: 1024px) {
  /* Tighten the big label indent; columns keep their fluid share */
  .page-compare-bio-tuners .which-compare__feature {
    padding-left: 1.111em; /* 20px */
    padding-right: 0.556em;
  }
  .page-compare-bio-tuners .which-compare__feature-head,
  .page-compare-bio-tuners .which-compare__row--subhead .which-compare__feature {
    padding-left: 0.909em; /* 20px at 22px */
  }
}

@media (max-width: 767px) {
  .page-compare-bio-tuners .which__cards {
    grid-template-columns: 1fr;
    gap: 1.111em;
  }
  .page-compare-bio-tuners .btn {
    white-space: normal;
    text-align: center;
  }
  /* Phone chart: Features column + Accessories divider hidden; two
     fluid columns, each cell stacks its own label (15px) above the
     value. Nothing scrolls sideways, so the sticky header still works. */
  .page-compare-bio-tuners .which-compare__head,
  .page-compare-bio-tuners .which-compare__row {
    grid-template-columns: 1fr 1fr;
  }
  .page-compare-bio-tuners .which-compare__feature-head,
  .page-compare-bio-tuners .which-compare__feature,
  .page-compare-bio-tuners .which-compare__row--subhead {
    display: none;
  }
  .page-compare-bio-tuners .which-compare__col {
    flex-direction: column;
    font-size: 1em; /* 18px anchor for the label/value ems below */
    padding: 0.278em; /* 5px */
  }
  .page-compare-bio-tuners .which-compare__cell-label {
    display: block;
    font-size: 0.833em; /* 15px */
    font-weight: 400;
    line-height: 1.333; /* 20px */
    color: var(--color-dark);
  }
  .page-compare-bio-tuners .which-compare__cell-value {
    font-size: 1.111em; /* 20px glyphs */
    line-height: 1.6;   /* 32px */
  }
  .page-compare-bio-tuners .which-compare__col--val .which-compare__cell-value {
    font-size: 0.833em; /* 15px bold text values */
    font-weight: 700;
    line-height: 1.333;
  }
  .page-compare-bio-tuners .which-compare__head .which-compare__col {
    font-size: 1.222em; /* 22px header cells */
    padding-top: 0.455em;
    padding-bottom: 0.455em;
  }
  /* BT9 column now owns the left corners */
  .page-compare-bio-tuners .which-compare__head .which-compare__col--bt9 {
    border-top-left-radius: calc(var(--radius-panel) - 1px);
  }
  .page-compare-bio-tuners .which-compare__row:last-child .which-compare__col--bt9 {
    border-bottom-left-radius: calc(var(--radius-panel) - 1px);
  }
}

/* === PAGE-BOTTOM WAVE === */
/* The .page-wave wrapper is owned by the shared site-footer.css. Page
   adds: full-width img + air above + zero bottom padding on the final
   section so the wave tucks against the footer's blue band. */
.page-compare-bio-tuners .page-wave { margin-top: var(--space-section-y); }
.page-compare-bio-tuners .section-which-model { padding-bottom: 0; }