/* Per-page overrides for meilleure-machine-a-cafe-a-grain. The page loads the
   synced substrate canon (assets/comparison.css) first; only bespoke rules live
   here. */

/* Scroll-following TOC highlight: the mechanism script toggles .is-active
   (canon css only styles .is-current). */
.toc a.is-active {
  background: var(--teal);
  color: #fff;
  box-shadow: 0 10px 24px rgba(11, 86, 80, 0.18);
}

/* Product photos are white-background manufacturer renders: pure white behind the
   contained render (containment + padding are canon now, comparison.css / D115). */
.product-media {
  background: #fff;
}

.recommendation-image {
  object-fit: contain;
  background: #fff;
  padding: 8px;
}