/* JEM-35 bounded presentation repairs. Keep approved R16.3 assets unchanged. */
@layer r7-refinement {
  /* QA-02: the complete hero card remains a link; only its title is underlined. */
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-surface-root[data-r12-surface] a.ordrel-hero-tool-card.r12-text-link[href] {
    text-decoration-line: none !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-surface-root[data-r12-surface] a.ordrel-hero-tool-card.r12-text-link[href] > .ordrel-hero-tool-title > strong {
    text-decoration-line: underline !important;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
  }

  /* QA-03: expose every OEE step on phones, retaining the native tab controls.
     The ordered overview stays a non-interactive list; no controls are added. */
  @media (max-width: 600px) {
    body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools/oee"] main#main.r12-tool-page #ordrel-r3 #oee-lab > ol.or-steps.r12-tool-tabs,
    body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools/oee"] main#main.r12-tool-page #ordrel-r3 #oee-lab .staff-tabs[role="tablist"] {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-auto-flow: row !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      overflow: visible !important;
    }
  }
}