/* ORDREL JEM-33 R12 — bounded page composition.
 * P01–P23 comments identify the existing important declarations overridden.
 * New containers otherwise use ordinary declarations within the same layer.
 */
@layer r7-refinement {
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root {
    --r12-section-gap:40px;
    --r12-card-padding:24px;
  }
  .r12-product-top {display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start;}
  .r12-purchase-bar {display:flex;align-items:center;gap:16px;}
  .r12-sticky-price {display:none;}
  .r12-disclosure-content {min-inline-size:0;}
  .r12-loop-heading {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .r12-loop-heading>h3 {flex:1 1 min-content;min-width:0;max-width:100%;}
  .r12-comparison-controls {display:none;}
  .r12-comparison-cards {display:none;}
  .r12-plan-compare-card {padding:24px;border-radius:18px;border:1px solid var(--r12-border);scroll-margin-top:calc(var(--r11-header-height,120px) + 24px);}
  .r12-plan-compare-card dl {margin:0;display:grid;gap:18px;}
  .r12-plan-compare-card dl>div {padding-bottom:18px;border-bottom:1px solid var(--r12-border);}
  .r12-plan-compare-card dt {font-weight:750;margin:0 0 6px;}
  .r12-plan-compare-card dd {margin:0;}
  /* P19: r11-pages.css PRICE-01 retains three plan columns until 760px;
     readable plan content shares the same 600/1050 breakpoints as file cards. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .pricing-layout {grid-template-columns:minmax(0,1fr)!important;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-plan-allowance .plan-limits {grid-template-columns:minmax(0,1fr)!important;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-plan-allowance .plan-limits>div {display:grid!important;grid-template-columns:minmax(0,1fr) max-content;gap:12px!important;}
  .r12-plan-allowance .plan-limits :is(dt,dd) {min-width:0;overflow-wrap:normal;word-break:normal;}
  .r12-lean-jump {display:flex;gap:8px;min-inline-size:0;max-inline-size:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;grid-column:1/-1;position:sticky;top:calc(var(--r11-header-height,120px) + 8px);z-index:15;padding:12px;background:var(--r12-panel,#F2F7FF);border:1px solid var(--r12-border,#C7D6ED);border-radius:14px;}
  .r12-lean-jump>a {flex:0 0 auto;padding:10px 14px;min-block-size:44px;white-space:nowrap;}
  @media (min-width:1024px) {
    /* Match the retained reading track, preserving the source index's wide
       second column beside its filters. New rail only; no native grid reset. */
    .r12-lean-jump {grid-column:2;}
  }
  /* P01: new disclosure boxes have no inherited important box predecessor. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-disclosure {
    padding:0;margin:0;border:0;border-radius:0;background:transparent;
  }
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-disclosure>summary {
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:14px 0;min-height:48px;cursor:pointer;list-style:none;
  }
  .r12-disclosure>summary::-webkit-details-marker {display:none;}
  .r12-disclosure>summary::after {content:'+';font-size:26px;line-height:1;flex:0 0 auto;font-weight:600;}
  .r12-disclosure[open]>summary::after {content:'−';}
  /* P02: r11-pages.css section heading margins/min-height; .ox-caption styles. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-disclosure>summary>:is(h2,h3,p,.ox-caption,.ordrel-example-chip) {
    margin:0!important;min-height:0;background:transparent!important;border:0!important;padding:0!important;
  }
  .r12-disclosure-title>h2 {flex:1 0 min-content;min-width:0;max-width:100%;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-fold-container {
    min-height:0!important;display:block!important;
  }
  /* P03: r11-pages.css SHOP-01/02 sticky purchase card and two-column body. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .r5d-product-layout {grid-template-columns:minmax(0,1fr)!important;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .r5d-product-body {max-width:none!important;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .purchase-card {position:static!important;top:auto!important;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .purchase-card>p {margin-block:10px;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .r12-purchase-bar>a.button {position:static;inset:auto;flex:1;width:auto;margin-block:12px;box-shadow:none;}
  /* P04: R11 screenshot previews occupied the title block ahead of checkout. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .order-worksheet-preview {max-width:650px;margin:24px auto;}
  /* P05: r11-pages.css SAFE-06 gives sources only the width of its text column. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .sseo-sources {grid-column:1/-1;max-width:none!important;width:100%;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .sseo-sources :is(p,ul) {max-width:68ch;}
  /* P06: R11 Home trailing main spacing leaves a canvas band after the mission. */
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root:has(.ordrel-mission) {padding-bottom:0!important;margin-bottom:0!important;}
  body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-mission {margin-bottom:0!important;}
  @media (max-width:600px) {
    /* P07: r11-system.css spacing tokens and r11-pages.css route section grids. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-section-stack,
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-section-stack {
      display:flex!important;flex-direction:column;gap:40px;
    }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-section-stack>:not([hidden],noscript,dialog),
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-section-stack>:not([hidden],noscript,dialog) {margin-block:0!important;min-height:0!important;}
    /* P08: retained R11 primary cards use var(--panel-padding), fixed minima. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root :is(.r12-space-card,.r12-fold-container,.oe-loop-section,.r10-domain-section,.r10-learn-section) {--r12-box-padding:24px;padding:var(--r12-box-padding)!important;min-height:0!important;}
    /* The retained native details rule supplies 22px vertical padding. Keep
       one inset around these nested boxes, with 24px horizontal card padding. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-fold-container {--r12-box-padding:0 24px;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-tool-card .r12-fold-container {--r12-box-padding:0;}
    /* The loop is a layout frame around independently padded step cards. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oe-loop-section {--r12-box-padding:0;}
    /* P24: r11-pages.css:144 clears the original section heading's padding.
       The independently padded loop cards need one matching heading inset. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oe-loop-section>.oe-section-head {padding:24px!important;}
    /* P15: r9-discovery.css:41–44 subgrid/four-row height:100% reserves empty
       example space after native disclosures close. Desktop alignment remains. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-tool-grid>.ordrel-tool-card {
      display:flex!important;flex-direction:column!important;gap:16px!important;grid-template-rows:none!important;min-height:0!important;padding:24px!important;
    }
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-tool-card>.r12-fold-container {height:auto!important;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-tool-card .r12-disclosure>summary {flex-wrap:wrap;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-example-chip {min-width:min-content;max-width:100%;}
    /* P20: r9-discovery.css:42 keeps 68px for the former two-row identity.
       The secondary SVG is retained inside its opened illustrative example. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-tool-card>.identity-heading {min-height:0!important;}
    .r12-tool-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;min-inline-size:0;}
    .r12-tool-actions:has(details[open]) {grid-template-columns:minmax(0,1fr);}
    /* P23: r11-components.css C01 (lines9–15) sets action padding12px20px.
       Retain the label size and touch height while sharing the phone row. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-tool-actions>.ordrel-tool-open {padding-inline:10px!important;}
    /* P16: r9-discovery.css:115–119 stacks four large mission steps. A locally
       scrollable ordered rail retains every complete translated label. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-mission-journey {grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .ordrel-mission-journey>li {white-space:nowrap;}
    /* P09: R11 HOME-03 and PRICE-01 secondary image heights, no asset changes. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .brand-product-module>img {height:176px!important;min-height:0!important;max-height:176px!important;object-fit:cover!important;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .pricing-art {height:132px!important;max-height:132px!important;object-fit:contain!important;}
    /* P17: retained R8 premium editorial image height is 280px on phones. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r8-premium-photo>img {height:220px!important;max-height:220px!important;}
    /* P10: r11-pages.css OE-02 step minima and multi-row link lists. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-loop-step {min-height:0!important;padding:24px!important;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-loop-step .oe-links {display:flex!important;flex-wrap:wrap;gap:8px 18px!important;}
    /* P18: original OE link rows use full width; compact whole-link wrapping. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-loop-step .oe-links>li {width:auto;flex:0 1 auto;min-height:0;}
    /* P21: R6 discovery:87/102/456 force grids and wrapped premium lists;
       88/457 force each Safety item's flex basis. Existing labels scroll whole. */
    .r12-premium-rail {overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;min-inline-size:0;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow .r12-premium-rail {display:flex!important;flex-wrap:nowrap!important;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .safety-discovery-workflow .r12-premium-rail>li {flex:0 0 max-content!important;white-space:nowrap;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .waste-mini-registry.r12-premium-rail {grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:max-content;}
    .r12-premium-rail>a {white-space:nowrap;}
    /* P22: the existing free-tool list had an extra default list inset inside
       the 24px disclosure card. Inside markers retain the complete allowance. */
    .pricing-free-tools .r12-disclosure-content ul {padding-inline-start:0;list-style-position:inside;}
    /* P11: SHOP-02 fixed anchor replaced by one complete price/action bar. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page {padding-bottom:136px!important;}
    .r12-purchase-bar {position:fixed;inset:auto 12px 12px;z-index:25;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#102338;color:#fff;box-shadow:0 8px 30px #10233840;}
    .r12-sticky-price {display:block;white-space:nowrap;flex:0 0 auto;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.2;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-product-page .r12-purchase-bar>a.button {margin:0;font-size:16px!important;min-height:48px!important;}
    /* P12: preserved pricing table now exposes each plan through source labels. */
    .r12-comparison-controls {display:flex;gap:8px;align-items:stretch;margin:16px 0 8px;overflow-x:auto;}
    .r12-comparison-controls>button {flex:1 0 max-content;min-width:max-content;padding:12px 8px;border:1px solid #1749CC;border-radius:10px;background:#F2F7FF;color:#1749CC;font:700 16px/1.3 var(--r11-font-body);cursor:pointer;}
    .r12-comparison-controls>button::after {content:' →';}
    .r12-comparison-controls>button[aria-pressed=true] {background:#1749CC;color:#fff;box-shadow:inset 0 -3px #fff;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-comparison-scroll {display:none;}
    .r12-comparison-cards {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
    .r12-lean-jump {top:calc(var(--r11-header-height,120px) + 4px);}
  }
  @media (min-width:601px) {
    .r12-product-top {grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .pricing-layout {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  }
  @media (min-width:601px) and (max-width:1050px) {
    .r12-comparison-controls {display:flex;gap:8px;margin:16px 0;}
    .r12-comparison-controls>button {flex:1;min-width:0;padding:12px;border-radius:10px;}
    .r12-comparison-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .r12-comparison-scroll {display:none;}
  }
  @media (min-width:1024px) {
    /* P13: retain the source two-column grid and center its odd last card.
       These new placement properties have no important predecessor. */
    .sseo-cards>.r12-centered-last-card {grid-column:1/-1;justify-self:center;width:calc((100% - 24px)/2);}
  }
  @media (min-width:1051px) {
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .pricing-layout {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    /* P14: r11-pages.css OE-04 uses a three-column grid with an empty sixth cell. */
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oe-domains {display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px!important;}
    body#ordrel-r163.jem33-r4.jem33-r12 main#main.r12-page-root .oe-domain {flex:0 1 calc((100% - 48px)/3);min-width:0!important;}
  }
  @media (prefers-reduced-motion:reduce) {.r12-comparison-scroll {scroll-behavior:auto;}}
}