/* Photographic scenes with readable HTML diagrams; existing motion controls apply. */
.or-real-scene{--or-real-accent:#70eddb;min-width:0;container-type:inline-size}
.or-real-scene--borrowed{--or-real-accent:#ff9b90}
.or-real-visual{position:relative;isolation:isolate;aspect-ratio:1/1;min-width:0;overflow:hidden;border:1px solid #387b87;background:#041923}
.or-real-visual--borrowed{border-color:#a45e5a}
.or-real-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-3}
.or-real-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at center,#00151a00 10%,#0010173d 100%),linear-gradient(0deg,#00151ba6 0%,#00151b00 35%,#00151b29 100%)}
.or-real-visual--borrowed .or-real-shade{background:linear-gradient(0deg,#170b12a6 0%,#170b1214 42%,#05121b29 100%)}
.or-real-location{position:absolute;max-width:55%;border-left:2px solid var(--or-real-accent);background:#06151ce8;padding:10px 12px;color:#ffe5dc;text-align:left;box-shadow:0 3px 20px #0003}
.or-real-location--source{left:4%;top:50%}
.or-real-location--receiver{right:4%;top:8%}
.or-real-location>span,.or-real-location>small{display:block;font-size:13px;line-height:1.6;color:#e1c7c0}
.or-real-location>strong{display:block;margin:3px 0;font-size:clamp(17px,1.7vw,23px);line-height:1.5;color:#fff0e8}
.or-real-cost-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;fill:none;stroke:#ff9b90;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}
.or-real-cost-track{opacity:.7}
.or-real-cost-light{stroke:#ffe5d0;stroke-width:5;stroke-dasharray:8 92;filter:drop-shadow(0 0 7px #ff5f64);opacity:0}
.or-real-payment{position:relative;max-width:none;padding:11px 12px;border:1px solid #754f50;border-bottom:0;background:#1e171e;color:#ffd3bd;line-height:1.7;text-shadow:0 1px 4px #07141e}
.or-real-payment>span{display:block;font-size:13px}
.or-real-payment>strong{font-size:clamp(14px,1.6vw,19px);font-weight:750}
.or-real-contact{position:relative;margin:0;padding:9px 8px;background:#091720e8;border:1px solid #9d6961;border-top:0;color:#ffcfba;text-align:center;font-size:clamp(13px,1.4vw,17px);font-weight:700;line-height:1.8}
.or-real-contact>span{margin:0 6px;color:#ff9b90}
.or-real-image-note{position:absolute;right:8px;bottom:6px;color:#d7e3e8;font-size:10px;line-height:1.5;text-shadow:0 1px 4px #001018}
.or-real-cycle{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;fill:none;stroke:#80e7df;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.or-real-cycle-track{stroke:#7ce8d1;stroke-width:2;opacity:.8}
.or-real-cycle-light{stroke:#caffef;stroke-width:4;stroke-dasharray:9 91;opacity:0;filter:drop-shadow(0 0 5px #5dffd2)}
.or-real-cycle-light--halo{stroke:#5fffc5;stroke-width:12;filter:blur(5px);opacity:0}
.or-real-cycle-arrows{stroke-width:3;stroke:#9af8e3}
.or-real-stages{list-style:none;margin:0;padding:0}
.or-real-stage{position:absolute;box-sizing:border-box;padding:8px 5px;background:#04212bea;border:1px solid #81d4dd9e;box-shadow:0 3px 12px #00101866;text-align:center;line-height:1.55;min-width:0}
.or-real-stage>span{display:block;font-size:11px;color:#8cf0ec;line-height:1.2;letter-spacing:.08em}
.or-real-stage>strong{display:block;margin:4px 0;color:#e5fbff;font-size:clamp(13px,1.55vw,19px);line-height:1.55;font-weight:750}
.or-real-stage>small{display:block;color:#c6e8e9;font-size:13px;line-height:1.6}
.or-real-stage--work{width:48%;left:26%;top:4%}
.or-real-stage--record{width:31%;right:2%;top:39%}
.or-real-stage--trust{width:48%;left:26%;bottom:7%}
.or-real-stage--contact{width:31%;left:2%;top:39%}
.or-real-core{position:absolute;top:38%;left:35%;width:30%;padding:6px 2px;text-align:center;color:#9cffe1;line-height:1.5;text-shadow:0 2px 6px #001921;background:radial-gradient(ellipse,#033833eb,#04303900 75%)}
.or-real-core>span{display:block;font-size:13px;color:#d1f6e8}
.or-real-core>strong{display:block;font-size:clamp(17px,2.4vw,28px);line-height:1.5;letter-spacing:.05em;font-weight:850}
.or-real-core>i{display:block;width:65%;height:6px;margin:6px auto 0;border-top:2px solid #83ffd0;border-bottom:2px solid #83ffd0;box-shadow:0 0 11px #66ffb955;transform:perspective(40px) rotateX(35deg)}
.or-real-retained{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:14px 0 0;color:#bff5df;font-size:13px;line-height:1.7}
.or-real-retained>span{padding:4px 8px;border:1px solid #3b746b;background:#06362f66}
.or-real-scene .owned-cycle-note{font-size:14px;line-height:1.9}
.or-real-scene[data-dxg-ready="true"] .or-real-cost-light{opacity:1;animation:or-real-flow 3.6s linear infinite;animation-play-state:paused}
.or-real-scene[data-dxg-ready="true"] .or-real-cycle-light{opacity:1;animation:or-real-flow 12s linear infinite;animation-play-state:paused}
.or-real-scene[data-dxg-ready="true"] .or-real-cycle-light--halo{opacity:.55}
.or-real-scene[data-dxg-paused="false"] .or-real-cost-light,.or-real-scene[data-dxg-paused="false"] .or-real-cycle-light{animation-play-state:running}
.motion-paused .or-real-cost-light,.motion-paused .or-real-cycle-light{animation-play-state:paused!important}
@keyframes or-real-flow{to{stroke-dashoffset:-100}}
@container(max-width:360px){
  .or-real-visual{aspect-ratio:4/5}
  .or-real-visual>img{object-fit:contain}
  .or-real-stage>small{display:none}
  .or-real-stage{padding:7px 3px}
  .or-real-stage>strong{font-size:13px;letter-spacing:0;white-space:nowrap;margin:4px 0 0}
  .or-real-stage--record,.or-real-stage--contact{top:42%;width:32%}
  .or-real-stage--record{right:1%}
  .or-real-stage--contact{left:1%}
  .or-real-stage--work{top:5%;width:52%;left:24%}
  .or-real-stage--trust{bottom:10%;width:52%;left:24%}
  .or-real-core{top:43%;left:33%;width:34%;padding:4px 0}
  .or-real-core>span{font-size:11px;line-height:1.5;letter-spacing:0;white-space:nowrap}
  .or-real-core>strong{font-size:15px;line-height:1.4;letter-spacing:0}
  .or-real-core>i{display:none}
  .or-real-location{max-width:52%;padding:7px 8px;box-sizing:border-box}
  .or-real-location>span{font-size:12px;line-height:1.5;letter-spacing:0}
  .or-real-location>strong{font-size:15px;letter-spacing:0;white-space:nowrap}
  .or-real-location>small{font-size:13px;line-height:1.5;letter-spacing:0}
  .or-real-location--receiver{right:3%;top:5%}
  .or-real-location--source{left:3%;top:auto;bottom:12%}
  .or-real-payment{padding:10px 9px}
  .or-real-payment>strong{display:block;font-size:14px;letter-spacing:0}
  .or-real-contact{font-size:13px;padding:8px 3px;letter-spacing:0}
  .or-real-contact>span{margin:0 3px}
}
@media(prefers-reduced-motion:reduce){.or-real-scene .or-real-cost-light,.or-real-scene .or-real-cycle-light{animation:none!important;opacity:0!important}}

/* Review revision: a plainly readable one-way schematic for the borrowed route. */
.or-drain-scene{container-type:inline-size;--route-accent:#ff8c8c;color:#fda6a6}
.or-drain-scene .owned-route-flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.65fr) 28px minmax(0,1fr);padding:16px 0 20px;border-bottom:1px solid #803a45;gap:0}
.or-drain-scene .owned-route-node{color:#ff9a9e}
.or-drain-scene .owned-route-node>svg{width:36px;height:36px;margin-bottom:8px}
.or-drain-scene .owned-route-node>strong{font-size:15px;line-height:1.6;letter-spacing:0;color:#ffe3e3}
.or-drain-scene .owned-route-node>small{font-size:11px;white-space:normal;letter-spacing:0;color:#d5b2b8}
.or-drain-scene .owned-route-hub{padding:10px 3px;background:#2d151d;border:1px solid #fc777d;box-shadow:inset 0 0 24px #8d29301c,0 0 16px #f65b6d12}
.or-drain-scene .owned-borrowed-stack{width:calc(100% - 4px);gap:4px}
.or-drain-scene .owned-borrowed-stack>span{font-size:13px;line-height:1.55;padding:3px 0;border-color:#a1575c;color:#ffe0de;background:#471f28}
.or-drain-scene .owned-route-arrow{color:#ff8a8f}
.or-drain-scene .owned-route-arrow span{font-size:11px;letter-spacing:0}
.or-drain-scene .owned-route-arrow i{height:2px;box-shadow:0 0 8px #f96d79b3}
.or-drain-scene .owned-expense-stream{--expense-lap:4.2s;grid-template-columns:minmax(0,1fr) 88px;margin:20px 0 4px;color:#ff8b92}
.or-drain-scene .owned-expense-source>span{font-size:13px;color:#ff8b92;font-weight:750}
.or-drain-scene .owned-effort-outflow{grid-template-columns:54px minmax(0,1fr)}
.or-drain-scene .owned-field-effort{width:54px;color:#ff969b}
.or-drain-scene .owned-field-effort>svg{width:50px}
.or-drain-scene .owned-field-effort>strong{font-size:11px;letter-spacing:0}
.or-drain-scene .owned-expense-track{height:64px}
.or-drain-scene .owned-expense-track::before{top:27px;height:2px;background:linear-gradient(90deg,#ce4a61,#ff6374);box-shadow:0 0 12px #ff557b6b}
.or-drain-scene .owned-expense-track::after{content:'';position:absolute;top:23px;right:2px;width:8px;height:8px;border-top:2px solid #ff8b93;border-right:2px solid #ff8b93;transform:rotate(45deg)}
.or-drain-scene .owned-expense-track>i{width:22px;height:22px;border-color:#ff727e;background:#4d1528;color:#ffd2ce;font-size:13px;box-shadow:0 0 12px #f55b75a6}
.or-drain-directions{position:absolute;left:4px;right:4px;top:46px;display:flex;align-items:center;justify-content:space-evenly;height:12px;pointer-events:none}
.or-drain-directions>b{display:block;width:7px;height:7px;border-top:2px solid #ff8b93;border-right:2px solid #ff8b93;transform:rotate(45deg);filter:drop-shadow(0 0 4px #ff567690)}
.or-drain-scene[data-dxg-ready="true"] .owned-expense-track>i{animation-name:or-expense-oneway;animation-direction:normal;animation-timing-function:linear}
@keyframes or-expense-oneway{0%{left:-25px;opacity:0;transform:scale(1);filter:blur(0)}8%{opacity:1}78%{opacity:1;transform:scale(1);filter:blur(0)}95%{opacity:.65;transform:scale(.85);filter:blur(.3px)}100%{left:calc(100% + 2px);opacity:0;transform:scale(.65);filter:blur(1px)}}
.or-drain-scene .owned-expense-receiver>strong{font-size:12px;color:#ffd2d2;letter-spacing:0}
.or-drain-scene .owned-expense-receiver>small{font-size:11px;letter-spacing:0;color:#ff9eaa}
.or-drain-scene .owned-receiver-vault{height:64px;border-color:#ff6174;background:#2a0e1c;box-shadow:inset 0 0 20px #ec526c1a,0 0 16px #fe647630}
.or-drain-scene .owned-receiver-vault::before{background:#ff6174;box-shadow:0 0 10px #ff6174}
.or-drain-scene .owned-receiver-layers>i{border-color:#ffb1b6;background:#d94c67;box-shadow:0 0 6px #f46380b3}
.or-drain-scene .owned-extraction-note{margin:18px 0 9px;font-size:13px;line-height:1.9;color:#d1b8bf}
.or-drain-scene .owned-extraction-note>strong{color:#ffa1ab}
.or-drain-scene .owned-payment-line{font-size:14px;color:#ff99a3}

/* A visible, five-level accumulation diagram in the real-image cycle. */
.or-real-core{top:32%;left:35%;width:30%;padding:4px 0}
.or-real-core>span{font-size:clamp(11px,3.3cqw,13px);line-height:1.5;letter-spacing:0}
.or-real-core>strong{font-size:clamp(15px,4.2cqw,24px);line-height:1.25;letter-spacing:0}
.or-credit-stack{display:block;width:88%;max-width:112px;height:58px;margin:5px auto 0;overflow:visible;filter:drop-shadow(0 2px 5px #52ffd034)}
.or-credit-front{fill:#278f72;stroke:#71e4be;stroke-width:1.1;stroke-linejoin:round}
.or-credit-top{fill:#69dfb8;fill-opacity:.7;stroke:#adffe2;stroke-width:1.2;stroke-linejoin:round}
.or-credit-layer{transform-box:fill-box;transform-origin:center bottom}
.or-real-scene[data-dxg-ready="true"] .or-credit-layer:not(:first-child){animation:or-credit-build 12s ease-out var(--layer-delay) infinite both;animation-play-state:paused}
.or-real-scene[data-dxg-paused="false"] .or-credit-layer:not(:first-child){animation-play-state:running}
.motion-paused .or-credit-layer{animation-play-state:paused!important}
@keyframes or-credit-build{0%,3%{opacity:.08;transform:translateY(7px) scale(.85)}9%,86%{opacity:1;transform:translateY(0) scale(1)}98%,100%{opacity:.08;transform:translateY(7px) scale(.85)}}
@container(max-width:360px){
  .or-drain-scene .owned-route-flow{grid-template-columns:minmax(0,1fr) 23px minmax(0,1.7fr) 23px minmax(0,1fr)}
  .or-drain-scene .owned-route-node>strong{font-size:13px}
  .or-drain-scene .owned-route-node>small{font-size:11px;line-height:1.6}
  .or-drain-scene .owned-route-hub{padding:9px 2px}
  .or-drain-scene .owned-borrowed-stack>span{font-size:12px}
  .or-drain-scene .owned-expense-stream{grid-template-columns:minmax(0,1fr) 78px}
  .or-drain-scene .owned-expense-receiver>strong{font-size:11px}
  .or-drain-scene .owned-expense-source>span{font-size:12px}
  .or-drain-scene .owned-effort-outflow{grid-template-columns:48px minmax(0,1fr)}
  .or-drain-scene .owned-field-effort{width:48px}
  .or-drain-scene .owned-field-effort>svg{width:44px}
  .or-drain-scene .owned-field-effort>strong{font-size:10px}
  .or-real-core{top:32%;left:35%;width:30%;padding:3px 0}
  .or-real-core>span{font-size:11px;line-height:1.4}
  .or-real-core>strong{font-size:15px;line-height:1.25}
  .or-credit-stack{width:94%;height:37px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.or-real-scene .or-credit-layer{animation:none!important;opacity:1!important;transform:none!important}}

/* The photo sets the scene; the original two-row diagram stays readable and in flow. */
.or-drain-composite{position:relative;isolation:isolate;min-width:0;border:1px solid #a15563;background:#170e17;overflow:hidden}
.or-drain-photo{position:relative;height:clamp(176px,60cqw,216px);min-width:0;overflow:hidden;background:#09151e}
.or-drain-photo>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%}
.or-drain-photo-shade{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;background:linear-gradient(180deg,#0c11172b 0%,#1c0d180a 44%,#1c0d1840 76%,#170e17d9 100%)}
.or-drain-photo-label{position:absolute;display:block;padding:4px 7px;border-left:2px solid #ff8b97;background:#180d18de;color:#ffe4e6;font-size:13px;font-weight:650;line-height:1.6;letter-spacing:0;text-shadow:0 1px 3px #10050b}
.or-drain-photo-label--field{left:10px;bottom:52px}
.or-drain-photo-label--gate{right:10px;top:13px}
.or-drain-photo-note{position:absolute;right:10px;bottom:52px;color:#d8c7cd;font-size:10px;line-height:1.6;letter-spacing:0;text-shadow:0 1px 3px #10050b}
.or-drain-scene .or-drain-composite>.owned-route-flow{position:relative;z-index:1;margin-top:-36px;padding-top:22px;border-top:1px solid #ad627452;background:linear-gradient(180deg,#1c0d18ba,#180d18f7 40px,#170e17 100%)}
.or-drain-scene .or-drain-composite>.owned-expense-stream{position:relative;z-index:1;margin:0;padding:18px 0 14px;background:#170e17}
@container(max-width:360px){
  .or-drain-photo-label{font-size:12px;padding:4px 6px}
  .or-drain-photo-label--field{left:7px}
  .or-drain-photo-label--gate{right:7px}
  .or-drain-photo-note{right:7px;font-size:10px}
  .or-drain-scene .or-drain-composite>.owned-route-flow{grid-template-columns:minmax(0,1fr) 23px minmax(0,1.7fr) 23px minmax(0,1fr)}
}