/* MIRacle Spotlight: isolated presentation; source product pixels are unchanged. */
.ft-spotlight-card--miracle {
  background: linear-gradient(105deg, #e5f1f6 0%, #f4f9fc 48%, #fff 76%);
  color: #163750;
  min-height: 490px;
}
.ft-spotlight-card--miracle::before,
.ft-spotlight-card--miracle::after { display: none; }
.ft-spotlight-card--miracle .ft-spotlight-content {
  width: 62%; max-width: 760px; padding: 48px 50px;
}
.ft-spotlight-card--miracle .ft-spotlight-content h2 { color: #123856; line-height: 1.35; }
.mr-entry-name { display: block; font-size: clamp(28px,3.4vw,47px); letter-spacing: -.035em; white-space: nowrap; }
.mr-entry-positioning { display: block; margin-top: 12px; font-size: clamp(23px,2.2vw,31px); font-weight: 700; line-height: 1.5; letter-spacing: 0; }
.ft-spotlight-card--miracle .ft-spotlight-content p { color: #456176; max-width: 560px; }
.ft-spotlight-card--miracle .ft-spotlight-tag { color: #246288; border-color: #c8dfe9; background: #ffffffa8; }
.mr-entry-product { position: absolute; right: 3.5%; top: 50%; transform: translateY(-50%); width: 31%; height: 430px; object-fit: contain; }
.mr-page .mr-hero { min-height: 0; padding: 28px 0 38px; background: linear-gradient(105deg,#e5f1f6 0%,#f5fafd 49%,#fff 78%); }
.mr-page .mr-hero::before,.mr-page .mr-hero::after { display: none; }
.mr-hero-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 60px; align-items: center; }
.mr-hero-copy { padding: 30px 0; }
.mr-page .mr-hero h1 { font-weight: 800; line-height: 1.4; letter-spacing: -.025em; }
.mr-product-name { display: block; font-size: clamp(32px,4vw,55px); white-space: nowrap; }
.mr-positioning { display: block; margin-top: 14px; max-width: 650px; font-size: clamp(25px,2.7vw,38px); font-weight: 700; line-height: 1.5; }
.mr-hero-product { width: 100%; height: 400px; object-fit: contain; }
.mr-page .vm-shell { background: #fff; }
.mr-article > p:first-child { margin-top: 0; }
.mr-article h2 { scroll-margin-top: 115px; }
.mr-article sup { margin-left: 3px; font-size: 11px; }
.mr-article a { text-decoration: underline; }
.mr-figure { margin: 36px 0 46px; }
.mr-figure img { display: block; width: 100%; height: auto; margin: 0 auto; }
.mr-figure figcaption { margin-top: 18px; color: #60768a; font-size: 13px; line-height: 1.8; }
.mr-article .sources { padding-left: 24px; overflow-wrap: anywhere; }
.mr-article .sources li { font-size: 14px; margin: 12px 0; }
.mr-article > h2:last-of-type { border-top: 1px solid #d9e6ee; padding-top: 36px; }
@media (min-width:781px) and (max-width:1100px) {
 .ft-spotlight-card--miracle .ft-spotlight-content { width: 65%; padding: 36px 32px; }
 .mr-entry-product { right: 5%; width: 28%; height: 340px; }
 .mr-hero-grid { gap: 25px; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
 .mr-hero-product { height: 340px; }
}
@media (max-width:780px) {
 .ft-spotlight-card--miracle { min-height: 0; padding-bottom: 52px; background: linear-gradient(155deg,#e7f2f7 0%,#f7fbfd 48%,#fff 80%); }
 .ft-spotlight-card--miracle .ft-spotlight-content { width: 100%; max-width: none; padding: 30px 26px 18px; }
 .mr-entry-name { font-size: clamp(25px,5.2vw,36px); }
 .mr-entry-positioning { font-size: clamp(21px,4.3vw,28px); }
 .mr-entry-product { position: static; transform: none; display: block; width: 80%; height: 290px; margin: 0 auto; }
 .ft-spotlight-card--miracle .ft-spotlight-actions { margin-top: 22px; }
 .mr-hero-grid { grid-template-columns: 1fr; gap: 0; }
 .mr-hero-copy { padding: 0; }
 .mr-hero-product { height: 280px; margin-top: 22px; }
 .mr-page .mr-hero { padding: 24px 0 30px; background: linear-gradient(155deg,#e7f2f7,#fff 82%); }
 .mr-product-name { font-size: clamp(29px,6.2vw,44px); }
 .mr-positioning { font-size: clamp(24px,5vw,32px); }
 .mr-page .vm-chip-row { margin-top: 20px; }
}
@media (max-width:420px) {
 .ft-spotlight-card--miracle .ft-spotlight-content { padding-left: 19px; padding-right: 19px; }
 .mr-entry-name { font-size: 25px; }
 .mr-entry-product { height: 260px; }
}

.mr-keep-phrase { display: inline-block; white-space: nowrap; }
.mr-page main { padding-top: 82px; }
.ft-spotlight-section:has(.ft-spotlight-card--miracle:not([hidden])) .ft-spotlight-nav { color: #246288; }

/* All slides share one intrinsic grid row, sized by the tallest slide.
   Inactive slides contribute to layout but cannot be seen or interacted with. */
#ftir-spotlight-track { display: grid; }
#ftir-spotlight-track > [data-spotlight-slide] { grid-area: 1 / 1; min-width: 0; }
#ftir-spotlight-track > [data-spotlight-slide][hidden] {
  display: block;
  visibility: hidden;
  pointer-events: none;
}