/* JEM-36 visual polish v2 (owner-approved; v2 fixes finder text contrast). Scoped to the sections listed per block; R16.3 assets stay unchanged. */
@layer r7-refinement {

/* ── A · Home connected example: the tool band heads every card ─────────────────────────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel {
  padding: 0 22px 22px !important; gap: 16px !important; overflow: hidden !important;
  display: flex !important; flex-direction: column !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > .r9-case-heading {
  margin: 0 -22px !important; padding: 15px 22px !important;
  background: #235CF2 !important; border-radius: 11px 11px 0 0 !important; min-height: 74px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow { border: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; gap: 8px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > a,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > p { border: 0 !important; padding-top: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > h3,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details > summary h3 {
  font-size: 21px !important; line-height: 1.25 !important; margin: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > h3 { margin-top: 2px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details {
  border: 0 !important; padding: 2px 0 0 !important; margin: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details > summary { padding: 0 0 14px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details > .r12-disclosure-content { display: grid !important; gap: 14px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details > .r12-disclosure-content > * { margin: 0 !important; }
@media (min-width: 769px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details > summary { pointer-events: none !important; cursor: default !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo > .oc-panel > details > summary::after { display: none !important; }
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow span {
  background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.16) !important;
  color: #C9D6E8 !important; font-size: 14px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow span strong { color: #FFFFFF !important; font-size: 15px !important; hyphens: auto !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow span::before,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow span::after,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow::before,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oc-demo .oc-cause-flow::after { display: none !important; }

/* ── B · Coloured step tiles: Safety premium card (home, /tools, /pricing) and /safety hero ─────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process { counter-reset: j36step !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process > li { counter-increment: j36step !important; --j36-ink: #FFFFFF; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.safety-discovery-workflow .r12-preview-steps, .hero-safety-sequence .sseo-process) > li:nth-child(1) { --j36-step: #2463EB; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.safety-discovery-workflow .r12-preview-steps, .hero-safety-sequence .sseo-process) > li:nth-child(2) { --j36-step: #FF9C50; --j36-ink: #111C2B; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.safety-discovery-workflow .r12-preview-steps, .hero-safety-sequence .sseo-process) > li:nth-child(3) { --j36-step: #EF4F4F; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.safety-discovery-workflow .r12-preview-steps, .hero-safety-sequence .sseo-process) > li:nth-child(4) { --j36-step: #1F9D63; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.safety-discovery-workflow .r12-preview-steps, .hero-safety-sequence .sseo-process) > li:nth-child(5) { --j36-step: #B9F33A; --j36-ink: #111C2B; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process > li > span {
  position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important;
  width: 56px !important; height: 56px !important; min-width: 56px !important; padding: 0 !important; margin: 0 auto !important;
  font-size: 0 !important; color: transparent !important; border: 0 !important; border-radius: 18px !important;
  background: linear-gradient(150deg, var(--j36-step) 0%, color-mix(in srgb, var(--j36-step) 70%, #000) 100%) !important;
  box-shadow: 0 10px 22px -8px color-mix(in srgb, var(--j36-step) 80%, transparent), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span::after,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process > li > span::after { display: none !important; content: none !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span::before,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process > li > span::before {
  content: counter(j36step, decimal-leading-zero) !important; position: absolute !important; top: -8px !important; right: -10px !important;
  font: 800 11px/1 inherit !important; font-size: 11px !important; letter-spacing: .02em !important; color: #FFFFFF !important;
  background: #0B1626 !important; border: 1px solid rgba(255,255,255,.30) !important; border-radius: 999px !important; padding: 4px 6px !important;
  width: auto !important; height: auto !important; -webkit-mask: none !important; mask: none !important; display: block !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span > img,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process > li > span > img {
  width: 28px !important; height: 28px !important; padding: 0 !important; background: none !important; border-radius: 0 !important;
  filter: brightness(0) invert(1) !important; opacity: 1 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.safety-discovery-workflow .r12-preview-steps, .hero-safety-sequence .sseo-process) > li:is(:nth-child(2), :nth-child(5)) > span > img {
  filter: brightness(0) !important; opacity: .86 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li {
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; text-align: center !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > strong { hyphens: auto !important; overflow-wrap: normal !important; word-break: normal !important; }
@media (min-width: 601px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail {
    display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 8px !important; align-items: start !important;
  }
}
/* /safety hero: tint each step card with its colour */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .hero-safety-sequence .sseo-process > li {
  background: linear-gradient(160deg, color-mix(in srgb, var(--j36-step) 24%, transparent) 0%, rgba(255,255,255,.03) 70%) !important;
  border: 1px solid color-mix(in srgb, var(--j36-step) 45%, transparent) !important; gap: 12px !important;
}

/* ── C · Waste Opportunity card: visible icons, aligned Observe → Measure → Act → Verify ───────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome { display: block !important; padding: 18px 16px 16px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg {
  display: block !important; width: calc(min(100%, 430px) * .9585) !important; height: auto !important; max-width: none !important;
  margin: 0 0 6px calc((100% - min(100%, 430px)) / 2 + min(100%, 430px) * .0376) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome .r12-outcome-labels {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; width: min(100%, 430px) !important;
  min-width: 0 !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; gap: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome .r12-outcome-labels > span { justify-self: center !important; font-weight: 700 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg > g:nth-of-type(1), body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg > path { stroke: #FF9C50 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg > g:nth-of-type(2) { stroke: #6E9BFF !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg > g:nth-of-type(3) { stroke: #B39CFF !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg > g:nth-of-type(4) { stroke: #B9F33A !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg rect { fill: rgba(255,255,255,.06) !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-mini-registry > a > svg {
  width: 34px !important; height: 34px !important; padding: 5px !important; border-radius: 10px !important; flex: none !important;
  background: color-mix(in srgb, var(--waste) 38%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--waste) 55%, #ffffff 15%) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-mini-registry > a > svg,
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-mini-registry > a > svg * { stroke: color-mix(in srgb, var(--waste) 30%, #ffffff) !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-title > svg path[stroke] { stroke: #FF9C50 !important; }

/* ── D · Home Handover feature: show the whole photo beside the copy ───────────────────────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details { border-top: 0 !important; border-bottom: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > img {
  width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 3 / 2 !important;
  object-fit: cover !important; object-position: 50% 30% !important; border-radius: 16px !important; margin: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > div .button { margin-top: 18px !important; }
@media (max-width: 1023px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > img { margin-top: 20px !important; }
}
@media (min-width: 1024px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > summary { pointer-events: none !important; cursor: default !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > summary::after { display: none !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content {
    display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important; column-gap: 48px !important; align-items: center !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > div { grid-column: 1 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > img { grid-column: 2 !important; }
  @supports selector(::details-content) {
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details {
      display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important; column-gap: 48px !important; align-content: center !important;
    }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details::details-content { display: contents !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content { display: contents !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > summary { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; padding-bottom: 6px !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > div { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-handover-feature > details > .r12-disclosure-content > img { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
  }
}

/* ── E · Home Shift Toolkit: copy left, real workbook preview right, clear price ─────────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details { border-top: 0 !important; border-bottom: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-proof-action { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 14px 22px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-price {
  order: -1 !important; flex: 0 0 100% !important; display: flex !important; align-items: baseline !important; gap: 8px !important;
  font-size: 15px !important; color: #445666 !important; margin: 4px 0 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-price strong { font-size: 40px !important; line-height: 1 !important; color: #102338 !important; letter-spacing: -.02em !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-other-playbooks { margin-top: 18px !important; display: inline-flex !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo figure {
  border-radius: 16px !important; overflow: hidden !important; border: 1px solid #B8C8DC !important; margin: 0 !important;
  box-shadow: 0 24px 48px -24px rgba(16,35,56,.45) !important; background: #FFFFFF !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-workbook-label { padding: 12px 18px !important; font-size: 13px !important; min-height: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-workbook-label span { font-size: 15px !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-workbook-image { display: block !important; padding: 0 !important; background: #FFFFFF !important; height: auto !important; max-height: none !important; overflow: hidden !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-workbook-image img {
  display: block !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important;
  aspect-ratio: 1172 / 1330 !important; object-fit: cover !important; object-position: 50% 0 !important; margin: 0 !important;
}
@media (max-width: 1023px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo figure { margin-top: 24px !important; }
}
@media (min-width: 1024px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details > summary { pointer-events: none !important; cursor: default !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details > summary::after { display: none !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details > .r12-disclosure-content {
    display: grid !important; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important; column-gap: 56px !important; align-items: center !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-proof-copy { grid-column: 1 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo figure { grid-column: 2 !important; }
  @supports selector(::details-content) {
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details {
      display: grid !important; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important; column-gap: 56px !important; align-content: center !important;
    }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details::details-content { display: contents !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details > .r12-disclosure-content { display: contents !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo > details > summary { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; padding-bottom: 18px !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo .order-home-proof-copy { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #workbook-demo figure { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; }
  }
}

/* ── F · Problem finder (home, /tools): a photograph in the empty state ───────────────────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-results:not(:has(> article:not([hidden]))) {
  background: linear-gradient(180deg, rgba(17,28,43,0) 18%, rgba(17,28,43,.62) 44%, rgba(17,28,43,.94) 70%), var(--j36-finder-photo, none) center 35% / cover no-repeat, #111C2B !important;
  display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important;
  text-align: left !important; min-height: clamp(260px, 30vw, 370px) !important; padding: 28px 30px !important; gap: 10px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-hint { display: block !important; grid-template-columns: none !important; font-size: clamp(22px, 2.4vw, 30px) !important; hyphens: auto !important; font-weight: 750 !important; line-height: 1.15 !important; margin: 0 !important; color: #FFFFFF !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-hint > svg { display: none !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-hint > strong { display: block !important; font: inherit !important; color: #FFFFFF !important; margin: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-hint > span { display: block !important; margin-top: 8px !important; font-size: 18px !important; font-weight: 500 !important; color: #DCE6F2 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-section-head .ox-caption {
  display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 8px 14px !important; border-radius: 999px !important;
  background: #E9F7DD !important; color: #1F5B12 !important; border: 1px solid #B9E39B !important; font-weight: 700 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-section-head .ox-caption::before { content: "✓"; font-weight: 800; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-choices > a { transition: transform .15s ease, background-color .15s ease !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-choices > a:hover { transform: translateY(-2px) !important; background: rgba(255,255,255,.16) !important; }
/* v2: on phones the photograph becomes a band above the text, so the text always sits on navy */
@media (max-width: 700px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-results:not(:has(> article:not([hidden]))) {
    background: #111C2B !important; justify-content: flex-start !important; min-height: 0 !important; padding: 0 22px 24px !important; overflow: hidden !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #tool-finder .ox-finder-results:not(:has(> article:not([hidden])))::before {
    content: "" !important; display: block !important; align-self: stretch !important; margin: 0 -22px 6px !important; aspect-ratio: 16 / 10 !important;
    background: linear-gradient(180deg, rgba(17,28,43,0) 55%, #111C2B 100%), var(--j36-finder-photo, none) center 35% / cover no-repeat !important;
  }
}
}
@layer r7-refinement {
/* Safety identity icon: blue tile, white shield (matches the step tiles) */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-identity .identity-icon {
  background: linear-gradient(150deg, #2463EB, #1749CC) !important; color: #FFFFFF !important; border: 0 !important;
  box-shadow: 0 10px 22px -10px rgba(36,99,235,.9) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-identity .identity-icon svg { stroke: #FFFFFF !important; color: #FFFFFF !important; }
}
@layer r7-refinement {
/* Narrow screens: keep all five Safety steps and four Waste steps inside the card */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail { padding-top: 10px !important; }
@media (min-width: 601px) { body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail { overflow: visible !important; } }
@media (max-width: 600px) { body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail { overflow-x: auto !important; overflow-y: hidden !important; max-width: 100% !important; padding-right: 10px !important; } }
@media (max-width: 600px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span {
    width: min(46px, 100%) !important; min-width: 0 !important; height: auto !important; aspect-ratio: 1 / 1 !important; border-radius: 14px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span > img { width: 22px !important; height: 22px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > span::before { right: -6px !important; top: -8px !important; font-size: 10px !important; padding: 3px 5px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow ol.r12-preview-steps.r12-premium-rail > li > strong { font-size: 13px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome .r12-outcome-labels > span { font-size: 13px !important; }
}
@media (max-width: 420px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome { overflow-x: auto !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome .r12-outcome-labels { width: 300px !important; margin: 0 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-outcome > svg { width: calc(300px * .9585) !important; margin: 0 0 6px calc(300px * .0376) !important; }
}
}

@layer r7-refinement {
/* F · New, unique photographs for the finder empty state (one per page; see IMAGE-BRIEFS.md) */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root #tool-finder { --j36-finder-photo: url("/assets/photography/jem36-finder-home-1600.webp"); }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root #tool-finder { --j36-finder-photo: url("/assets/photography/jem36-finder-tools-1600.webp"); }
@media (max-width: 768px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root #tool-finder { --j36-finder-photo: url("/assets/photography/jem36-finder-home-800.webp"); }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root #tool-finder { --j36-finder-photo: url("/assets/photography/jem36-finder-tools-800.webp"); }
}
}