/* Product descriptions sit on the same white canvas as the product photographs. */
.mc-product .mc-card-section,
.mc-product .mc-card-section.mc-tint {
  background-color: #fff;
}

/* The product contents bar uses text colour for selection and hover. */
#main .mc-product :is(.product-toc,.pg-mobile-nav) a,
#main .mc-product :is(.product-toc,.pg-mobile-nav) a:is(:hover,:focus-visible,:active,.active,[aria-current]) {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom-color: transparent !important;
}
#main .mc-product :is(.product-toc,.pg-mobile-nav) a:is(:hover,:focus-visible,:active,.active,[aria-current]:not([aria-current="false"])) {
  color: #aa2034 !important;
}

:is(.product-metrics,.v-facts) > div > strong {
  display: block;
  min-block-size: 2lh;
  overflow-wrap: anywhere;
}
:is(.product-metrics,.v-facts) > div.metric-overflow > strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.metric-overflow { position: relative; }
.metric-reveal {
  position: absolute; top: 0; inset-inline-end: 0;
  width: 100%; height: var(--metric-height); cursor: pointer;
  border: 0; background: transparent; color: inherit;
}
.metric-reveal:focus-visible { outline: 2px solid currentColor; }
.metric-full[popover] {
  position: fixed; inset: 0; margin: auto; box-sizing: border-box;
  width: min(24rem, calc(100vw - 32px)); height: fit-content;
  max-height: 80vh; overflow: auto; padding: 20px;
  border: 1px solid #c9cfda; border-radius: 6px; color: #30305e;
  background: white; box-shadow: 0 6px 28px #2223;
}
.metric-full p { margin: 8px 0 16px; overflow-wrap: anywhere; }
.metric-full button { cursor: pointer; }