/* Shared prototype media scale and spacing. Product photography and the mobile hero retain their approved layout. */
:root { --site-gallery-photo:440px; --site-gallery-gap:clamp(72px,8vw,144px); --site-gallery-row-gap:112px; --site-editorial-photo:360px; --site-section-space:clamp(64px,6.7vw,96px); }
html body.inner-refined { --inner-space:var(--site-section-space); }
html body.inner-refined :is(.story-rail,.bio-media) { width:100%; max-width:var(--site-editorial-photo) !important; }
html body.inner-refined :is(.vp2-grid,.vp5-grid) { column-gap:clamp(48px,6.7vw,96px) !important; }
html body.inner-refined :is(.story-rail,.bio-media) img { max-width:100%; }
html body.results-document .results-gallery-wrap { width:min(1100px,calc(100% - 2 * clamp(24px,3.4vw,56px))); max-width:1100px; margin-left:clamp(24px,3.4vw,56px); margin-right:auto; padding:80px 0 96px; }
html body.results-document #results.results-gallery { grid-template-columns:repeat(2,minmax(0,var(--site-gallery-photo))); justify-content:space-between; column-gap:var(--site-gallery-gap); row-gap:var(--site-gallery-row-gap); }
html body.results-document .results-gallery .tx-card { width:100%; max-width:var(--site-gallery-photo); }
html body.results-document .results-instruction { margin-bottom:48px; font-size:14px; }
html body.results-document .tx-card figcaption { margin-top:24px; }
@media(max-width:760px) {
 html body.results-document .results-gallery-wrap { width:min(440px,calc(100% - 48px)); padding:48px 0 72px; }
 html body.results-document #results.results-gallery { grid-template-columns:minmax(0,1fr); gap:72px; }
 html body.results-document .results-instruction { margin-bottom:40px; }
}
/* Homepage motion is a progressive enhancement; content never waits for scrolling. */
html body.home-natural-scroll { scroll-behavior:auto; }
html body.home-natural-scroll .nav.is-tucked { transform:none !important; }
html.js body.home-natural-scroll :is(.rv,[data-reveal]) { opacity:1 !important; visibility:visible !important; transform:none !important; transition:none !important; }
html body.home-natural-scroll :is(.solution-guide,.solution-guide-auto) { display:none !important; }
html body.home-natural-scroll :is(.solution-frame,.treatment-image) img { transform:none !important; transition:none !important; }
html body.home-natural-scroll :is(.solution-screen,.treatments-chapter) { scroll-margin-top:80px; }
@media(prefers-reduced-motion:reduce) { html body.home-natural-scroll .night-day-hero__media--reveal { opacity:0 !important; } }

/* List titles match the Treatments directory; descriptions remain regular. */
html body:is(.inner-refined,.home-natural-scroll) :is(.ix-name,.solution-name,.treatment-line b,.c-card h3,.related-card h3,.tx-card figcaption>b) { font-weight:700 !important; }
html body:is(.inner-refined,.home-natural-scroll) :is(.ix-note,.c-card p,.related-card p) { font-weight:400 !important; }

/* Results heading and gallery share the same outer page edge as the navigation. */
html body.results-document .results-page-heading > .container {
  width:min(1100px,calc(100% - 2 * clamp(24px,3.4vw,56px))) !important;
  max-width:1100px !important;
  margin-left:clamp(24px,3.4vw,56px) !important;
  margin-right:auto !important;
}
@media(max-width:760px){
  html body.results-document .results-gallery-wrap,
  html body.results-document .results-page-heading > .container {
    width:calc(100% - 48px) !important;
    margin-inline:24px !important;
  }
}

/* Results: three balanced rows, with each column anchored to the page shell. */
@media (min-width: 761px) {
  html body.results-document .results-gallery-wrap,
  html body.results-document .results-page-heading > .container {
    width: calc(100% - 2 * clamp(24px, 3.4vw, 56px)) !important;
    max-width: none !important;
    margin-inline: clamp(24px, 3.4vw, 56px) !important;
  }
  html body.results-document #results.results-gallery {
    grid-template-columns: repeat(2, minmax(0, 520px));
    justify-content: space-between;
    column-gap: clamp(72px, 8vw, 144px);
    row-gap: clamp(88px, 8vw, 120px);
  }
  html body.results-document .results-gallery .tx-card {
    width: 100% !important;
    max-width: 520px !important;
  }
}

/* Results correction: use the same centred editorial frame as the reference inner page. */
@media (min-width: 761px) {
  html body.results-document .results-gallery-wrap,
  html body.results-document .results-page-heading > .container {
    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;
    margin-inline: auto !important;
  }
  html body.results-document #results.results-gallery {
    grid-template-columns: repeat(2, minmax(0, 440px));
    justify-content: space-between;
    column-gap: clamp(72px, 8vw, 144px);
    row-gap: 112px;
  }
  html body.results-document .results-gallery .tx-card {
    width: 100% !important;
    max-width: 440px !important;
  }
}