/* Hallmark · Round 19 · optical micro-adjustments (A/B/C) + radio-left pairing */

/* --- A: p2 mobile-dark — strengthen category chapter dividers only (not product rows) --- */
@media (max-width: 767px) {
  :root[data-theme="dark"] .water-comparison .product-purpose-group__heading {
    border-bottom-color: color-mix(in srgb, var(--color-rule) 93%, var(--color-ink) 7%);
  }
}

/* --- B: p1 both schemes — ease residual form feel at control/instrument boundary --- */
#diagnostic .choice-group--axis > label,
#diagnostic .choice-group--axis > label:has(input:checked) {
  gap: 14px;
  padding-block: 10px;
  padding-inline: 0;
}

#diagnostic .choice-group--axis > label:has(input:checked)::after {
  top: calc(-1 * var(--space-4) + 2px);
  right: auto;
  bottom: auto;
  left: 0.6875rem;
  width: 1.5px;
  height: 14px;
}

@media (min-width: 1024px) {
  #diagnostic .choice-group--axis > label {
    flex-direction: row;
    text-align: left;
    justify-content: flex-start;
  }

  #diagnostic .choice-group--axis-suido > label:has(input[value="stopped"]),
  #diagnostic .choice-group--axis-hasui > label:has(input[value="unsafe"]) {
    flex-direction: row;
    text-align: left;
  }
}

/* --- C: p1 both schemes — long-run product list + photo tension --- */
#products .product-table:not(.water-comparison) td {
  padding-block: 14px;
  border-bottom-color: color-mix(in srgb, var(--color-rule-soft) 96%, var(--color-rule) 4%);
}

#scale-calc .media-figure,
#shortage .media-figure {
  margin-block: calc(var(--space-5) - 4px);
}

#scale-calc .media-figure__caption,
#shortage .media-figure__caption {
  padding-block: 10px;
}

@media (max-width: 767px) {
  #products .product-table tbody {
    gap: 22px;
  }
}