/* JEM-37 visual polish (owner-approved). Linked only on /work, /tools/waste, /learn, /, /tools and /safety in all 7 locales.
   Blocks: A-B My Work · C-D Waste Opportunity · E Learn · F Waste countermeasure buttons · G-H Tools · I Safety · J Home.
   R16.3 assets and the JEM-36 polish stay unchanged; this file is linked after them. */
@layer r7-refinement {

/* ── A · "Your work" header panel: heading + illustration | loaded-work tiles | filters ─────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace.mw-workspace {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(min-content, 640px) !important;
  column-gap: 0 !important; row-gap: 0 !important; align-items: stretch !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace.mw-workspace > * {
  grid-column: 1 / -1 !important; min-width: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading {
  grid-column: 1 !important; grid-row: 1 !important;
  display: grid !important; grid-template-columns: 116px minmax(0, 1fr) !important; grid-template-rows: auto auto !important;
  column-gap: 24px !important; row-gap: 8px !important; align-content: center !important; align-items: start !important;
  margin: 0 !important; padding: 30px 28px 28px 32px !important; min-height: 178px !important;
  border-radius: 22px 0 0 0 !important; color: #F4F7FA !important;
  background: radial-gradient(120% 150% at 0% 0%, rgba(36, 99, 235, .30) 0%, rgba(36, 99, 235, 0) 55%), #111C2B !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading::before {
  content: "" !important; grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: center !important;
  width: 116px !important; height: 116px !important;
  background: url("/jem37/work-header.svg") center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading > h2 {
  grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; margin: 0 !important;
  color: #FFFFFF !important; font-size: 34px !important; line-height: 1.1 !important; letter-spacing: -.01em !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading > .mw-support {
  grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; margin: 0 !important; max-width: 46ch !important;
  color: #C9D5E2 !important; font-size: 15.5px !important; line-height: 1.5 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary {
  grid-column: 2 !important; grid-row: 1 !important;
  display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; gap: 14px !important;
  margin: 0 !important; padding: 30px 32px 28px 8px !important; border: 0 !important; border-radius: 0 22px 0 0 !important;
  background: #111C2B !important; color: #F4F7FA !important;
}
/* The R6 distribution dial never renders on V183; the header replaces its empty slot. */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary > .r6-status-figure { display: none !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary > .mw-summary-label {
  margin: 0 !important; color: #B9F33A !important; font-size: 12px !important; font-weight: 750 !important; text-align: left !important;
  letter-spacing: .14em !important; text-transform: uppercase !important; line-height: 1.3 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary > .mw-counts {
  display: grid !important; grid-template-columns: repeat(3, minmax(min-content, 1fr)) !important; gap: 12px !important; margin: 0 !important;
  width: auto !important; max-width: none !important; justify-content: stretch !important; flex: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count {
  --jem37-solid: #2463EB; --jem37-tint: rgba(36, 99, 235, .16); --jem37-line: rgba(91, 141, 239, .50);
  --jem37-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A1.5 1.5 0 0 1 4.5 6H9l2 2h8.5A1.5 1.5 0 0 1 21 9.5v8a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5z'/%3E%3C/svg%3E");
  display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; grid-template-rows: auto auto !important;
  column-gap: 12px !important; row-gap: 2px !important; align-items: center !important; align-content: center !important;
  margin: 0 !important; padding: 14px 14px 14px 14px !important; min-width: 0 !important;
  border: 1px solid var(--jem37-line) !important; border-radius: 16px !important; background: var(--jem37-tint) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count:nth-child(2) {
  --jem37-solid: #FF9C50; --jem37-tint: rgba(255, 156, 80, .13); --jem37-line: rgba(255, 156, 80, .50);
  --jem37-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111C2B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count:nth-child(3) {
  --jem37-solid: #B9F33A; --jem37-tint: rgba(185, 243, 58, .11); --jem37-line: rgba(185, 243, 58, .45);
  --jem37-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111C2B' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count::before {
  content: "" !important; grid-column: 1 !important; grid-row: 1 / span 2 !important;
  width: 38px !important; height: 38px !important; border-radius: 12px !important;
  background: var(--jem37-icon) center / 22px 22px no-repeat, var(--jem37-solid) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count > dd {
  grid-column: 2 !important; grid-row: 1 !important; order: 0 !important; margin: 0 !important;
  color: #FFFFFF !important; font-size: 30px !important; line-height: 1 !important; font-weight: 750 !important;
  font-variant-numeric: tabular-nums !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count > dt {
  grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important;
  color: #D5DFEA !important; font-size: 13.5px !important; line-height: 1.3 !important; font-weight: 600 !important;
  overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-filters {
  margin: 0 !important; padding: 18px 32px 20px !important; border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .07) !important; border-radius: 0 0 22px 22px !important; background: #172A40 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-scope-help { margin: 14px 0 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-delete-status:empty { margin: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-result-count { margin: 10px 0 10px !important; }

/* ── B · Weekly review card: text + rhythm art | one action bar | link and note ───────────────── */
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card {
  display: grid !important; position: relative !important; isolation: isolate !important; overflow: hidden !important;
  grid-template-columns: 240px max-content minmax(0, 1fr) minmax(300px, 400px) !important;
  grid-template-rows: auto auto auto auto auto auto !important;
  grid-template-areas: "eyebrow eyebrow eyebrow art" "title title title art" "copy copy copy art" "day button fine fine" "rule rule rule rule" "link link note note" !important;
  column-gap: 22px !important; row-gap: 0 !important; align-items: start !important;
  padding: 36px 40px 30px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 22px !important;
  background: linear-gradient(90deg, #2463EB 0%, #FF9C50 55%, #B9F33A 100%) top left / 100% 5px no-repeat,
              radial-gradient(90% 130% at 100% 0%, rgba(36, 99, 235, .26) 0%, rgba(36, 99, 235, 0) 60%), #102338 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card::before {
  content: "" !important; grid-area: art !important; align-self: stretch !important; min-height: 150px !important; margin: 0 0 30px !important;
  background: url("/jem37/weekly-rhythm.svg") center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card::after {
  content: "" !important; grid-row: day !important; grid-column: 1 / -1 !important; z-index: 0 !important;
  align-self: stretch !important; justify-self: stretch !important;
  margin: -16px -18px !important; border-radius: 18px !important;
  background: rgba(36, 99, 235, .14) !important; border: 1px solid rgba(91, 141, 239, .32) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > .eyebrow {
  grid-area: eyebrow !important; margin: 0 0 10px !important; color: #B9F33A !important; letter-spacing: .14em !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > h2 {
  grid-area: title !important; margin: 0 0 10px !important; color: #FFFFFF !important; font-size: 30px !important; line-height: 1.15 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > h2 + p {
  grid-area: copy !important; margin: 0 0 44px !important; max-width: 60ch !important; color: #D5DFEA !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > label.workspace-field {
  grid-area: day !important; position: relative !important; z-index: 1 !important; align-self: end !important;
  margin: 0 !important; gap: 6px !important; color: #FFFFFF !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card #ritual-day {
  width: 100% !important; min-height: 48px !important; margin: 0 !important; border-radius: 12px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > #ritual-download {
  grid-area: button !important; position: relative !important; z-index: 1 !important; align-self: end !important; justify-self: start !important;
  margin: 0 !important; min-height: 48px !important; gap: 10px !important; align-items: center !important;
  border: 1px solid #2463EB !important; background: #2463EB !important; color: #FFFFFF !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > #ritual-download::before {
  content: "" !important; flex: none !important; width: 20px !important; height: 20px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M12 13v5M9.5 15.5h5'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > #ritual-download:hover {
  background: #1D50C8 !important; border-color: #1D50C8 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > #ritual-download + p.fine {
  grid-area: fine !important; position: relative !important; z-index: 1 !important; align-self: end !important;
  margin: 0 0 13px !important; color: #C9D5E2 !important; text-align: left !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > hr {
  grid-area: rule !important; margin: 34px 0 20px !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, .12) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > a[href^="/orders"] {
  grid-area: link !important; align-self: center !important; width: fit-content !important; max-width: 100% !important;
  padding: 10px 18px !important; border: 1px solid rgba(255, 255, 255, .24) !important; border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important; color: #FFFFFF !important; font-weight: 650 !important; text-decoration: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > a[href^="/orders"]:hover {
  background: rgba(255, 255, 255, .10) !important; border-color: rgba(255, 255, 255, .40) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > a[href^="/orders"] + p.fine {
  grid-area: note !important; align-self: center !important; margin: 0 !important; color: #AEBDCC !important;
}

/* ── Below 1200 px: header stacks; card becomes two columns ─────────────────────────────────────────── */
@media (max-width: 1199px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace.mw-workspace { grid-template-columns: minmax(0, 1fr) !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading {
    grid-column: 1 / -1 !important; grid-row: auto !important; min-height: 0 !important; border-radius: 22px 22px 0 0 !important;
    grid-template-columns: 96px minmax(0, 1fr) !important; padding: 28px 28px 20px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading::before { width: 96px !important; height: 96px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading > .mw-support { max-width: 60ch !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary {
    grid-column: 1 / -1 !important; grid-row: auto !important; border-radius: 0 !important; padding: 6px 28px 24px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary > .mw-counts { grid-template-columns: repeat(3, minmax(min-content, 1fr)) !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-filters { padding: 18px 28px 20px !important; }

  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-template-areas: "eyebrow art" "title art" "copy art" "day button" "fine fine" "rule rule" "link link" "note note" !important;
    padding: 34px 32px 28px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card::after { grid-row: day-start / fine-end !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > #ritual-download + p.fine { margin: 12px 0 0 !important; align-self: start !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > a[href^="/orders"] + p.fine { margin: 14px 0 0 !important; }
}

/* ── Phone: one column everywhere ───────────────────────────────────────────────────────────── */
@media (max-width: 700px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "eyebrow" "title" "copy" "art" "day" "button" "fine" "rule" "link" "note" !important;
    padding: 30px 20px 24px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card::before { min-height: 112px !important; margin: 0 0 30px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card::after { margin: -14px -12px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > h2 { font-size: 26px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > h2 + p { margin: 0 0 22px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > #ritual-download {
    margin: 12px 0 0 !important; width: 100% !important; justify-self: stretch !important; justify-content: center !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .mw-review-extras > aside.order-side-card > hr { margin: 30px 0 18px !important; }
}

@media (max-width: 600px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading {
    grid-template-columns: 64px minmax(0, 1fr) !important; column-gap: 16px !important; row-gap: 12px !important; padding: 22px 18px 16px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading::before { grid-row: 1 !important; width: 64px !important; height: 64px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading > h2 { align-self: center !important; font-size: 27px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-heading > .mw-support { grid-column: 1 / -1 !important; font-size: 14.5px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary { padding: 6px 18px 20px !important; gap: 12px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary > .mw-counts { gap: 8px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count {
    grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; row-gap: 6px !important;
    align-content: start !important; padding: 12px 10px !important; border-radius: 14px !important; min-width: 0 !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count::before {
    grid-column: 1 !important; grid-row: 1 !important; width: 30px !important; height: 30px !important; border-radius: 10px !important;
    background-size: 18px 18px, auto !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count > dd { grid-column: 1 !important; grid-row: 2 !important; font-size: 26px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count > dt { grid-column: 1 !important; grid-row: 3 !important; font-size: 12.5px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-filters { padding: 16px 18px 18px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-filters > .mw-selects {
    display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; gap: 10px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-selects > .mw-filter-label,
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-selects .mw-select { width: 100% !important; max-width: none !important; }
}

@media (max-width: 480px) {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace > .mw-summary > .mw-counts { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count {
    grid-template-columns: 30px auto minmax(0, 1fr) !important; grid-template-rows: auto !important; column-gap: 12px !important;
    align-items: center !important; padding: 9px 12px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count::before { grid-column: 1 !important; grid-row: 1 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count > dd { grid-column: 2 !important; grid-row: 1 !important; font-size: 24px !important; min-width: 1.4ch !important; }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root #my-work-workspace .mw-counts > .mw-count > dt { grid-column: 3 !important; grid-row: 1 !important; font-size: 14px !important; }
}
}

@layer r7-refinement {

/* ── C · Waste page: one card style for the 8 wastes, each with its own accent ───────────────── */
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #message.r8-context-note:empty {
  margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: 0 !important;
  border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero { align-items: stretch !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome {
  display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important;
}
/* Same aligned Observe → Measure → Act → Verify flow as the JEM-36 Waste card on home and /tools */
/* Aligned labels only where the flow card is wide enough (stacked hero, or 1280 px and up) */
@media (max-width: 869px), (min-width: 1280px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg {
    display: block !important; flex: none !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.waste-tool main#r5-workspace.r12-page-root .waste-hero > .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.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome .r12-outcome-labels > span { justify-self: center !important; font-weight: 700 !important; }
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg > g:nth-of-type(1), body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg > path { stroke: #FF9C50 !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg > g:nth-of-type(2) { stroke: #6E9BFF !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg > g:nth-of-type(3) { stroke: #B39CFF !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg > g:nth-of-type(4) { stroke: #B9F33A !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg rect { fill: rgba(255, 255, 255, .06) !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #waste-choices { margin-top: 28px !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #waste-choices > .waste-grid {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-grid > article.waste-card,
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important;
  margin: 0 !important; padding: 26px 22px 22px !important; min-width: 0 !important;
  background: #FFFFFF !important; color: #172033 !important;
  border: 1px solid #D6E0EC !important; border-radius: 18px !important;
  box-shadow: inset 0 4px 0 var(--waste, #2463EB), 0 1px 2px rgba(17, 28, 43, .06) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-grid > article.waste-card:hover,
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card:hover {
  transform: translateY(-2px) !important; border-color: color-mix(in srgb, var(--waste, #2463EB) 45%, #D6E0EC) !important;
  box-shadow: inset 0 4px 0 var(--waste, #2463EB), 0 10px 24px rgba(17, 28, 43, .10) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title {
  display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 2px !important;
  background: transparent !important; color: #111C2B !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title > svg {
  flex: none !important; width: 46px !important; height: 46px !important; padding: 9px !important; border-radius: 13px !important;
  background: color-mix(in srgb, var(--waste, #2463EB) 16%, #FFFFFF) !important;
  border: 1px solid color-mix(in srgb, var(--waste, #2463EB) 34%, #FFFFFF) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title > svg,
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title > svg * {
  stroke: color-mix(in srgb, var(--waste, #2463EB) 72%, #111C2B) !important; color: color-mix(in srgb, var(--waste, #2463EB) 72%, #111C2B) !important; stroke-width: 1.9px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title > h3.r12-ink[data-r12-tone] {
  margin: 0 !important; color: #111C2B !important; font-size: 19px !important; line-height: 1.25 !important; font-weight: 750 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > p.r12-ink[data-r12-tone] {
  margin: 0 !important; padding: 0 !important; align-self: stretch !important; text-align: left !important; color: #334155 !important; font-size: 15px !important; line-height: 1.5 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > small.r12-ink[data-r12-tone] {
  display: block !important; margin: 0 !important; padding: 0 0 0 12px !important; align-self: stretch !important; text-align: left !important;
  border-left: 3px solid color-mix(in srgb, var(--waste, #2463EB) 45%, #FFFFFF) !important;
  color: #5B6B7E !important; font-size: 14px !important; line-height: 1.45 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > button {
  margin: auto 0 0 !important; align-self: flex-start !important; width: auto !important; max-width: 100% !important;
  min-height: 44px !important; padding: 10px 18px !important; border-radius: 999px !important;
  border: 1px solid #111C2B !important; background: #111C2B !important; color: #FFFFFF !important;
  font-size: 14.5px !important; font-weight: 750 !important; white-space: normal !important; text-align: left !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > button:hover {
  border-color: var(--waste, #2463EB) !important; background: color-mix(in srgb, var(--waste, #2463EB) 16%, #FFFFFF) !important; color: #111C2B !important;
}

/* Step 2 "Waste": the same eight cards, one style; the chosen card is tinted and outlined in its waste colour */
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card.is-selected {
  background: color-mix(in srgb, var(--waste, #2463EB) 7%, #FFFFFF) !important;
  border: 2px solid var(--waste, #2463EB) !important;
  box-shadow: inset 0 6px 0 var(--waste, #2463EB), 0 8px 20px rgba(17, 28, 43, .10) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card > button { white-space: nowrap !important; }
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card.is-selected > button {
  border: 2px solid #111C2B !important; background: #FFFFFF !important; color: #111C2B !important;
}

/* ── D · Recent Waste Opportunities: compact filters, empty state with new art ───────────────── */
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root section.saved > .filters {
  display: grid !important; grid-template-columns: minmax(180px, 260px) minmax(180px, 260px) minmax(200px, 340px) !important;
  justify-content: start !important; align-items: end !important; gap: 16px !important;
  margin: 0 0 14px !important; padding: 16px 20px !important;
  background: #FFFFFF !important; border: 1px solid #D6E0EC !important; border-radius: 18px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root section.saved > .filters > label.r12-ink[data-r12-tone] {
  display: grid !important; gap: 6px !important; width: auto !important; min-width: 0 !important; margin: 0 !important; color: #111C2B !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root section.saved > .filters :is(select, input) {
  width: 100% !important; min-height: 46px !important; margin: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(260px, 380px) !important; grid-template-rows: auto auto 1fr !important;
  column-gap: 32px !important; row-gap: 8px !important; align-items: start !important;
  margin: 0 !important; padding: 32px 36px !important; min-height: 220px !important; border-radius: 20px !important;
  background: radial-gradient(70% 120% at 85% 50%, rgba(36, 99, 235, .22) 0%, rgba(36, 99, 235, 0) 70%), #111C2B !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state::after {
  content: "" !important; grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: stretch !important;
  min-height: 170px !important; background: url("/jem37/waste-empty.svg") center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > h3.r12-ink[data-r12-tone] {
  grid-column: 1 !important; grid-row: 1 !important; margin: 8px 0 0 !important; color: #FFFFFF !important; font-size: 24px !important; line-height: 1.25 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > p.r12-ink[data-r12-tone] {
  grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; max-width: 52ch !important; color: #D5DFEA !important; font-size: 16px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > a {
  grid-column: 1 !important; grid-row: 3 !important; align-self: start !important; justify-self: start !important; margin: 14px 0 0 !important;
}

@media (max-width: 1199px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #waste-choices > .waste-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 899px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state {
    grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto auto !important; padding: 22px 20px 24px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state::after { grid-column: 1 !important; grid-row: 1 !important; min-height: 130px !important; margin: 0 0 6px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > h3.r12-ink[data-r12-tone] { grid-row: 2 !important; font-size: 21px !important; margin: 0 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > p.r12-ink[data-r12-tone] { grid-row: 3 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > a { grid-row: 4 !important; }
}
@media (max-width: 700px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root section.saved > .filters { grid-template-columns: minmax(0, 1fr) !important; padding: 14px 16px !important; }
}
@media (max-width: 600px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome .r12-outcome-labels > span { font-size: 13px !important; }
}
@media (max-width: 420px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #opportunities > .empty-state > h3.r12-ink[data-r12-tone] { font-size: 19px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome { overflow-x: auto !important; align-items: flex-start !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome .r12-outcome-labels { width: 300px !important; margin: 0 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-hero > .waste-outcome > svg { width: calc(300px * .9585) !important; margin: 0 0 6px calc(300px * .0376) !important; }
}
@media (max-width: 639px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card > .waste-card-title { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card > .waste-card-title > h3.r12-ink[data-r12-tone] { font-size: 16px !important; overflow-wrap: normal !important; hyphens: manual !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root #waste-choices > .waste-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root :is(.waste-grid, .classification-grid) > article.waste-card { padding: 22px 18px 18px !important; }
}
@media (max-width: 360px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title > h3.r12-ink[data-r12-tone] { font-size: 17px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .waste-card > .waste-card-title > svg { width: 40px !important; height: 40px !important; padding: 7px !important; }
}
@media (max-width: 400px) {
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card { padding: 16px 16px 16px !important; gap: 10px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .classification-grid > article.waste-card > .waste-card-title { flex-direction: row !important; align-items: center !important; }
}
}

@layer r7-refinement {

/* ── E · Learn: hero photo, compact link, photo guide cards, calm tool cards, guide library cards ─ */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root {
  --j37-learn-hero: url("/assets/photography/jem37-learn-hero-1600.webp");
  --j37-learn-safety: url("/assets/photography/jem37-learn-safety-1600.webp");
  --j37-learn-waste: url("/assets/photography/jem37-learn-waste-1600.webp");
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading.r6d-page-heading {
  display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr) !important;
  gap: 48px !important; align-items: center !important; margin-bottom: 36px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading > .ordrel-hero-copy {
  width: auto !important; max-width: none !important; min-width: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading > .ordrel-hero-copy > h1 {
  font-size: clamp(36px, 3.6vw, 52px) !important; line-height: 1.08 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading::after {
  content: "" !important; display: block !important; width: 100% !important; aspect-ratio: 3 / 2 !important;
  border-radius: 24px !important; border: 1px solid rgba(17, 28, 43, .08) !important;
  background: var(--j37-learn-hero) center 35% / cover no-repeat, #1A2B42 !important;
  box-shadow: 0 18px 40px rgba(17, 28, 43, .18) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > p.oe-inbound.r8-context-note:is([data-r12-surface], *) {
  width: fit-content !important; max-width: 100% !important; margin: 18px 0 0 !important; padding: 10px 20px !important;
  border-radius: 999px !important; border: 1px solid #D6E0EC !important; background: #FFFFFF !important;
}
/* Guide paths: two equal cards, each with a new photograph, normal-size orange buttons */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths:is([data-r12-surface], *) {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important;
  padding: 0 !important; margin-top: 32px !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card {
  display: grid !important; grid-template-rows: auto auto 1fr !important; gap: 0 !important; align-content: start !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important; min-width: 0 !important;
  background: #FFFFFF !important; border: 1px solid #D6E0EC !important; border-radius: 20px !important;
  box-shadow: 0 1px 2px rgba(17, 28, 43, .06) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card::before {
  content: "" !important; display: block !important; aspect-ratio: 2 / 1 !important; width: 100% !important;
  background: var(--j37-learn-safety) center 40% / cover no-repeat, #1A2B42 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card.alignment-waste-learn::before {
  background: var(--j37-learn-waste) center 40% / cover no-repeat, #1A2B42 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div {
  padding: 24px 26px 0 !important; min-width: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div > h2.r12-prose-heading {
  margin: 0 0 10px !important; color: #111C2B !important; font-size: 26px !important; line-height: 1.2 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div > h2 > svg { display: none !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div > p {
  margin: 0 !important; color: #334155 !important; font-size: 16px !important; line-height: 1.55 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > a.button {
  align-self: start !important; justify-self: start !important; width: auto !important; height: auto !important; min-height: 46px !important;
  margin: 20px 26px 26px !important; padding: 11px 20px !important; border-radius: 999px !important;
}
/* Tool cards: white, calm; only the tool name is underlined */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs { margin-top: 20px !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job:is([data-r12-surface], *) {
  background: #FFFFFF !important; border: 1px solid #D6E0EC !important; border-radius: 20px !important; text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(17, 28, 43, .06) !important; transition: transform .15s ease, box-shadow .15s ease !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job:hover {
  transform: translateY(-2px) !important; box-shadow: 0 10px 24px rgba(17, 28, 43, .10) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job :is(div, span, h3, p, strong) { text-decoration: none !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job .identity-name.r12-link-ink {
  text-decoration: underline !important; text-underline-offset: 4px !important; text-decoration-thickness: 2px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job h3.r12-link-ink { color: #111C2B !important; }
@media (min-width: 1200px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job > .identity-heading { align-items: start !important; min-height: 0 !important; padding-bottom: 4px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job > .identity-heading > .identity-icon { grid-column: 1 !important; grid-row: 1 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job > .identity-heading > .identity-name { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job > .identity-heading > svg { grid-column: 3 !important; grid-row: 1 / span 2 !important; align-self: start !important; margin: 0 !important; }
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .order-jobs > a.order-job p.r12-link-ink { color: #475569 !important; }
/* Knowledge hub callout: plain eyebrow and copy, new illustration on the right */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout:is([data-r12-surface], *) {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) !important; column-gap: 40px !important;
  align-items: center !important; padding: 34px 40px !important; background: #FFFFFF !important;
  border: 1px solid #D6E0EC !important; border-radius: 22px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout > * { grid-column: 1 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout::after {
  content: "" !important; grid-column: 2 !important; grid-row: 1 / span 4 !important; align-self: stretch !important;
  min-height: 180px !important; background: url("/jem37/learn-hub.svg") center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root :is(section.lean-hub-callout, section.learning-library) > p.r8-context-note.r12-surface {
  margin: 0 0 18px !important; padding: 0 !important; max-width: 70ch !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; color: #334155 !important; font-size: 17px !important; font-weight: 400 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout > p.eyebrow.r8-context-note.r12-surface {
  margin: 0 0 10px !important; color: #1749CC !important; font-size: 13px !important; font-weight: 750 !important; letter-spacing: .12em !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout > h2 { margin: 0 0 12px !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout > a.button { justify-self: start !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.order-feature:is([data-r12-surface], *) {
  background: #FFFFFF !important; border: 1px solid #D6E0EC !important; border-radius: 22px !important;
}
/* Guide library: numbered cards instead of a ruled list */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library:is([data-r12-surface], *) {
  padding: 34px 40px 40px !important; background: #FFFFFF !important; border: 1px solid #D6E0EC !important; border-radius: 22px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid {
  gap: 16px !important; counter-reset: j37guide !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article {
  --j37-acc: #1749CC; --j37-tint: #EAF1FF;
  counter-increment: j37guide !important; display: flex !important; flex-direction: column !important; gap: 10px !important;
  margin: 0 !important; padding: 20px 22px 22px !important; min-width: 0 !important;
  background: #F7FAFF !important; border: 1px solid #DCE5F0 !important; border-radius: 16px !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article:nth-child(4n+2) { --j37-acc: #A3480E; --j37-tint: #FFF0E5; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article:nth-child(4n+3) { --j37-acc: #5B45C4; --j37-tint: #F0EDFF; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article:nth-child(4n+4) { --j37-acc: #177A4C; --j37-tint: #E5F6EE; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article:hover {
  border-color: color-mix(in srgb, var(--j37-acc) 40%, #DCE5F0) !important; box-shadow: 0 8px 20px rgba(17, 28, 43, .08) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article::before {
  content: counter(j37guide, decimal-leading-zero) !important; align-self: flex-start !important;
  padding: 3px 10px !important; border-radius: 999px !important; background: var(--j37-tint) !important; color: var(--j37-acc) !important;
  font-size: 12px !important; font-weight: 800 !important; letter-spacing: .08em !important; line-height: 1.4 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article > h3 { margin: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article > h3 > a.r12-text-link {
  color: #111C2B !important; font-size: 19px !important; line-height: 1.3 !important; text-decoration: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article > h3 > a.r12-text-link:hover {
  color: var(--j37-acc) !important; text-decoration: underline !important; text-underline-offset: 4px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article > p.r12-ink[data-r12-tone] {
  margin: 0 !important; color: #475569 !important; font-size: 15px !important; line-height: 1.55 !important;
}

@media (max-width: 1023px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading.r6d-page-heading { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading::after { aspect-ratio: 16 / 9 !important; max-height: 420px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout:is([data-r12-surface], *) { grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) !important; padding: 28px !important; }
}
@media (max-width: 700px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root {
    --j37-learn-hero: url("/assets/photography/jem37-learn-hero-800.webp");
    --j37-learn-safety: url("/assets/photography/jem37-learn-safety-800.webp");
    --j37-learn-waste: url("/assets/photography/jem37-learn-waste-800.webp");
  }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root > .r5d-heading::after { aspect-ratio: 3 / 2 !important; border-radius: 18px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths:is([data-r12-surface], *) { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div { padding: 20px 20px 0 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div > h2.r12-prose-heading { font-size: 23px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > a.button { margin: 18px 20px 20px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout:is([data-r12-surface], *) { grid-template-columns: minmax(0, 1fr) !important; padding: 24px 20px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout::after { grid-column: 1 !important; grid-row: 1 !important; min-height: 130px !important; margin: 0 0 12px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.lean-hub-callout > * { grid-column: 1 !important; grid-row: auto !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library:is([data-r12-surface], *) { padding: 24px 20px 26px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root p.oe-inbound.r8-context-note { border-radius: 16px !important; }
}
@media (max-width: 420px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library:is([data-r12-surface], *) { padding: 22px 14px 24px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article { padding: 18px 16px 18px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root section.learning-library > .learning-grid > article > h3 > a.r12-text-link { font-size: 17px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div { padding: 18px 16px 0 !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > div > h2.r12-prose-heading { font-size: 20px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/learn"] main#main.r12-page-root .r5d-learning-paths > section.sseo-learn-card > a.button { margin: 16px 16px 18px !important; }
}
}

@layer r7-refinement {

/* ── F · Waste step 5 "Countermeasure": readable "Add countermeasure" buttons ───────────────────
   Live defect: generic workspace buttons fill them blue while .ladder-rung button sets the text to the
   rung colour, giving 1.0–1.6:1. Owner decision (18 Oct): the site's filled green (#267B19, as on the
   Operational Excellence buttons) with white text, 5.3:1; darker green on hover and keyboard focus, 7.5:1. */
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .countermeasure-ladder .ladder-rung > button[data-add-control] {
  background: #267B19 !important; background-image: none !important; color: #FFFFFF !important;
  border: 1.5px solid #267B19 !important; box-shadow: none !important; text-shadow: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12.waste-tool main#r5-workspace.r12-page-root .countermeasure-ladder .ladder-rung > button[data-add-control]:is(:hover, :focus-visible) {
  background: #1E6213 !important; border-color: #1E6213 !important; color: #FFFFFF !important;
}
}

@layer r7-refinement {

/* ── G · /tools tool cards: the title gets the whole header row, and the small illustration sits beside
   the description instead of on a row of its own. Long translated tool names keep the full width.
   Desktop and tablet only; phones are unchanged. ─────────────────────────────────────────────── */
@media (min-width: 701px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root .ordrel-tool-card > .identity-heading { position: relative !important; grid-template-columns: 40px minmax(0, 1fr) !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root .ordrel-tool-card > .identity-heading > .identity-outcome {
    position: absolute !important; top: calc(100% + 18px) !important; right: 0 !important; margin: 0 !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root .ordrel-tool-card:has(> .identity-heading > .identity-outcome) > p.r12-ink[data-r12-tone] {
    padding-right: 68px !important; min-height: 52px !important;
  }
}

/* ── H · /tools "Time & value": a calm highlighted callout; time in blue, cash in green, ≠ in orange ── */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context.r12-surface[data-r12-surface] {
  background: #EEF4FF !important; border: 1px solid #C9D7F4 !important; border-left: 6px solid #2463EB !important;
  border-radius: 18px !important; box-shadow: 0 1px 2px rgba(17, 28, 43, .05) !important; padding: 20px 28px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context > h3.r12-ink[data-r12-tone] {
  color: #111C2B !important; font-size: 21px !important; font-weight: 800 !important; margin: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-flow {
  background: transparent !important; border: 0 !important; box-shadow: none !important; align-items: center !important; gap: 12px !important;
}
@media (max-width: 600px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-flow { align-items: flex-start !important; }
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-cell {
  align-items: center !important; gap: 10px !important; padding: 6px 16px 6px 6px !important;
  background: #FFFFFF !important; border: 1px solid #CFDCF3 !important; border-radius: 999px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-cell > svg {
  flex: none !important; width: 38px !important; height: 38px !important; padding: 8px !important; box-sizing: border-box !important;
  border-radius: 50% !important; background: #2463EB !important; border: 0 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-cell > svg * {
  stroke: #FFFFFF !important; fill: none !important; stroke-width: 5px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-cell ~ .r12-value-cell > svg { background: #267B19 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-cell > strong.r12-ink[data-r12-tone] {
  color: #111C2B !important; font-size: 15.5px !important; font-weight: 750 !important;
}
@media (min-width: 601px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-flow { flex-wrap: wrap !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-cell > strong.r12-ink[data-r12-tone] { white-space: nowrap !important; }
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context .r12-value-separator.r12-ink[data-r12-tone] {
  flex: none !important; width: 40px !important; height: 40px !important; border-radius: 50% !important;
  display: inline-grid !important; place-items: center !important; background: #FFE9D9 !important; color: #8A3410 !important;
  font-size: 24px !important; font-weight: 800 !important; line-height: 1 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/tools"] main#main.r12-page-root aside.ordrel-value-context > p.r12-ink[data-r12-tone] {
  color: #26324A !important; font-size: 15.5px !important; font-weight: 600 !important; line-height: 1.45 !important;
  border-top: 0 !important; padding-top: 0 !important;
}
}

@layer r7-refinement {

/* ── I · /safety reading cards: a small flow drawing on each card, so the idea reads before the words ─
   Blue card: observe → record what is uncertain → a reviewable decision.
   Navy card: an owner → a review date → evidence that it worked. Shown even when the card is folded. */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/safety"] main#main.r12-page-root div.sseo-prose > section.r6d-reading-section::before {
  content: "" !important; display: block !important; height: 96px !important; margin: 0 0 4px !important;
  background: url("/jem37/safety-observe.svg") left center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/safety"] main#main.r12-page-root div.sseo-prose > section.r6d-reading-section ~ section.r6d-reading-section::before {
  background-image: url("/jem37/safety-action.svg") !important;
}
@media (max-width: 700px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/safety"] main#main.r12-page-root div.sseo-prose > section.r6d-reading-section::before {
    height: 72px !important; margin: 20px 0 0 !important;
  }
}
}

@layer r7-refinement {

/* ── J · Home "Why ORDREL exists": the four steps become one improvement loop, and a horizon of
   workplaces, from a small workshop to global operations, runs along the bottom on one line. ───── */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission {
  position: relative !important; overflow: hidden !important; padding-bottom: 150px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission::after {
  content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 150px !important;
  background: url("/jem37/home-reach.svg") center bottom / contain no-repeat !important; pointer-events: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission p.eyebrow.r12-ink[data-r12-tone] {
  color: #C3FF45 !important; background: rgba(195, 255, 69, .08) !important; border-color: rgba(195, 255, 69, .42) !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission h2#home-learn-title.r12-ink[data-r12-tone] {
  font-size: clamp(40px, 3.7vw, 58px) !important; line-height: 1.04 !important; letter-spacing: -.02em !important; max-width: 13.5ch !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission p.ordrel-mission-impact.r12-ink[data-r12-tone] {
  border-top: 0 !important; border-left: 3px solid #C3FF45 !important; padding: 2px 0 2px 18px !important; margin-top: 22px !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission p.oe-inbound > a[href^="/operational-excellence"] {
  background: #C3FF45 !important; color: #111C2B !important; border-color: #C3FF45 !important; border-radius: 999px !important;
  text-decoration: none !important; font-weight: 800 !important; box-shadow: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission p.oe-inbound > a[href^="/operational-excellence"] .r12-link-ink { color: #111C2B !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission p.oe-inbound > a[href^="/operational-excellence"]:is(:hover, :focus-visible) {
  background: #FFFFFF !important; border-color: #FFFFFF !important;
}

/* The loop: Understand (top) → Improve (right) → Standardize (bottom) → Share (left), around new art */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 176px minmax(0, 1fr) !important; grid-template-rows: auto 176px auto !important;
  gap: 10px !important; align-items: center !important; overflow: visible !important; padding: 0 !important; margin: 0 0 26px !important;
  border: 0 !important; box-shadow: none !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey::before {
  content: "" !important; grid-column: 2 !important; grid-row: 2 !important; align-self: stretch !important; justify-self: stretch !important;
  background: url("/jem37/home-loop.svg") center / contain no-repeat !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker {
  flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important;
  gap: 8px !important; margin: 0 !important; padding: 12px 8px !important; min-width: 0 !important; width: auto !important;
  border-radius: 14px !important; background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(255, 255, 255, .14) !important;
  font-size: 17px !important; font-weight: 800 !important;
}
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(1) { grid-column: 2 !important; grid-row: 1 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(2) { grid-column: 3 !important; grid-row: 2 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(3) { grid-column: 2 !important; grid-row: 3 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(4) { grid-column: 1 !important; grid-row: 2 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker::before { margin: 0 !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(1)::before { background: #2463EB !important; color: #FFFFFF !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(2)::before { background: #C3FF45 !important; color: #111C2B !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(3)::before { background: #FF9C50 !important; color: #111C2B !important; }
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(4)::before { background: #E6ECF5 !important; color: #111C2B !important; }

/* The three learning links: a quiet list under the loop */
body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission .ordrel-mission-next > nav > a {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 0 !important;
  box-shadow: none !important; padding: 12px 2px !important; margin: 0 !important; color: #E6ECF5 !important;
}

@media (max-width: 700px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission h2#home-learn-title.r12-ink[data-r12-tone] { font-size: 34px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission { padding-bottom: 112px !important; }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission::after {
    height: 112px !important; background-size: auto 112px !important; background-position: 26% bottom !important;
  }
}
@media (max-width: 360px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission h2#home-learn-title.r12-ink[data-r12-tone] { font-size: 28px !important; }
}

/* Where the steps column is narrower than about 460 px (820–1279 px, and phones under 600 px), long translated
   step names do not fit beside the loop. There the loop sits on top and the four steps follow as a list. */
@media (max-width: 599px), (min-width: 820px) and (max-width: 1279px) {
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey {
    grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; gap: 8px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey::before {
    grid-column: 1 !important; grid-row: auto !important; justify-self: center !important; align-self: center !important;
    width: 136px !important; height: 136px !important; margin: 0 0 6px !important;
  }
  body#ordrel-r163.jem33-r4.jem33-r12[data-route="/"] main#main.r12-page-root section.ordrel-mission ol.ordrel-mission-journey > li.r12-step-marker:nth-child(n) {
    grid-column: 1 !important; grid-row: auto !important; flex-direction: row !important; justify-content: flex-start !important;
    text-align: left !important; gap: 12px !important; padding: 10px 14px !important; font-size: 16px !important;
  }
}
}