/* =====================================================================
   RESULTS PAGE — MOBILE (<=1024px), v298.
   Purpose-built baked mobile compositions placed full-bleed, with
   transparent hotspots over interactive regions and visually-hidden
   semantic text for SEO / accessibility. These sections are hidden on
   desktop (>=1025), where the v297 desktop asset flow renders instead.
   Desktop is untouched by this file.
   ===================================================================== */
.page-results .results-m { display: none; }
.page-results .results-m__img {
  display: block; width: 100%; height: auto; margin: 0; border: 0;
  vertical-align: top;
}

@media (max-width: 1024px) {
  .page-results .results-m { display: block; position: relative; }

  /* Transparent tap targets layered over the baked art. */
  .page-results .results-m-hotspot {
    position: absolute; display: block; z-index: 2;
    border-radius: 6px;
    -webkit-tap-highlight-color: rgba(139, 110, 59, 0.25);
  }
  .page-results .results-m-hotspot:focus-visible {
    outline: 2px solid var(--color-gold);
    outline-offset: 2px;
  }
}