/* Native refund diagram, scoped to its Architecture figure. */
.refund-flow{container-type:inline-size;margin:1.4rem 0!important;padding:22px;border:1px solid #37526c;border-radius:13px;background:radial-gradient(ellipse at top,#14263d,#080f1c 85%);color:#e7f1ff;box-shadow:0 16px 40px #0003;text-align:left;font-family:Inter,sans-serif;overflow:hidden}
.refund-flow-header{display:flex;align-items:start;justify-content:space-between;gap:18px}.refund-eyebrow{font:8px/1.8 ui-monospace,monospace;letter-spacing:.09em;color:#70dbef}.refund-flow h3{font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.035em;margin:12px 0 0!important;color:#e7f1ff}.refund-sim-label{font:8px/1.8 ui-monospace,monospace;padding:5px 8px;border:1px solid #37526c;border-radius:4px;color:#a4bdd3;white-space:nowrap}.refund-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:23px 0 18px}.refund-controls>div{display:flex;gap:8px;flex-wrap:wrap}.refund-controls button{font:10px Inter,sans-serif;background:#1a3246;border:1px solid #416983;color:#c2f2ff;padding:9px 12px;border-radius:5px;cursor:pointer}.refund-controls button:hover{background:#24485d;border-color:#63bbd7}.refund-controls button:focus-visible{outline:2px solid #63e1f6;outline-offset:4px}.refund-controls>span{font:8px/1.8 ui-monospace,monospace;color:#94b2c9}.refund-progress{height:3px;background:#243c50;border-radius:3px;overflow:hidden}.refund-progress>span{height:100%;display:block;width:100%;background:linear-gradient(90deg,#8f7fff,#5ee7ff);transition:width .3s}.refund-rule{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;background:#5ee7ff07;border:1px solid #34556a;border-radius:6px;padding:13px 15px;margin:21px 0}.refund-rule>span{font:8px ui-monospace,monospace;letter-spacing:.07em;color:#82c6dc}.refund-rule code{font:10px/1.8 ui-monospace,monospace;background:transparent;color:#c3efff;padding:0}.refund-rule small{font-size:9px;color:#92aec5}.refund-map{position:relative;padding:13px 0 16px;background-image:radial-gradient(#829cc221 .7px,transparent .7px);background-size:15px 15px}.refund-flow .refund-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;padding:0;margin:0}.refund-flow .refund-stages>li{margin:0;padding:15px 13px;position:relative;z-index:2;min-width:0;min-height:245px;display:flex;flex-direction:column;align-items:start;gap:0;border-radius:8px;border:1px solid color-mix(in srgb,var(--refund-accent),transparent 60%);background:radial-gradient(ellipse at top,var(--refund-light),var(--refund-dark) 90%);box-shadow:0 6px 15px #0002;filter:saturate(.6) brightness(.8);transition:filter .3s,border-color .3s,box-shadow .3s}.refund-blue{--refund-accent:#63d5ff;--refund-light:#203e58;--refund-dark:#112436;--refund-label:#c7eeff}.refund-purple{--refund-accent:#b59aff;--refund-light:#393053;--refund-dark:#211b35;--refund-label:#e4d7ff}.refund-red{--refund-accent:#ff8696;--refund-light:#4d2836;--refund-dark:#301822;--refund-label:#ffdce1}.refund-amber{--refund-accent:#ffc779;--refund-light:#4d3b25;--refund-dark:#2e2519;--refund-label:#fff0cf}.refund-stage-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:var(--refund-accent);font:7px/1.7 ui-monospace,monospace}.refund-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:17px;height:17px;border:1px solid color-mix(in srgb,var(--refund-accent),transparent 50%);border-radius:50%;font-size:10px}.refund-icon{font-size:25px;line-height:1.3;font-style:normal;color:var(--refund-accent);margin:15px 0 12px}.refund-flow h4{color:var(--refund-label,#e6f1ff);font-size:16px;font-weight:550;letter-spacing:-.025em;line-height:1.35;margin:0 0 12px!important}.refund-stage code{font:9px/1.8 ui-monospace,monospace;color:var(--refund-accent);padding:0;background:transparent;overflow-wrap:anywhere;white-space:normal}.refund-stage p{font-size:10px;line-height:1.8;color:#b1c0d2;margin:12px 0!important}.refund-stage strong{color:var(--refund-label);font-weight:500}.refund-stage .refund-amount{font-size:31px;letter-spacing:-.04em;font-weight:550;line-height:1.2;color:var(--refund-label);margin:2px 0 19px}.refund-comparison,.refund-decision{font:11px/1.8 ui-monospace,monospace;color:var(--refund-label);margin:3px 0 18px}.refund-stage small{display:block;border-top:1px solid color-mix(in srgb,var(--refund-accent),transparent 73%);padding-top:12px;margin-top:auto;font:7px/1.8 ui-monospace,monospace;color:var(--refund-accent);width:100%}.refund-flow .refund-stage.active{filter:saturate(1.15) brightness(1.1);border-color:var(--refund-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--refund-accent),transparent 85%),0 0 25px color-mix(in srgb,var(--refund-accent),transparent 76%)}.refund-flow .refund-stage.complete{filter:saturate(.9) brightness(.98)}.refund-flow[data-outcome=allowed] .refund-red,.refund-flow[data-outcome=allowed] .refund-amber{--refund-accent:#79e7b1;--refund-light:#244737;--refund-dark:#142d24;--refund-label:#d1ffe8}.refund-playing .refund-stage.active:not(.complete) .refund-check{font-size:0;border:2px solid color-mix(in srgb,var(--refund-accent),transparent 60%);border-top-color:var(--refund-accent);animation:refund-spin .7s linear infinite}.refund-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.refund-wire-track{fill:none;stroke:#698eaa;stroke-width:1.2;stroke-dasharray:3 5;stroke-linecap:round;opacity:.6}.refund-wire-pulse{fill:none;stroke:#5ee7ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:10 var(--refund-wire-length);stroke-dashoffset:var(--refund-wire-length);opacity:0}.refund-playing .pinging .refund-wire-pulse{opacity:1;animation:refund-travel 1s ease-in-out both}.refund-wires .done .refund-wire-track{stroke:#75bcce;stroke-dasharray:none}.refund-result{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:22px;border:1px solid #36546b;border-radius:8px;background:#0a1727;padding:21px;min-height:170px}.refund-result h4{font-size:21px;color:#e7f1ff;margin:12px 0 10px!important}.refund-result p{font-size:11px;line-height:1.9;color:#a4bed5;margin:0!important}.refund-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;border-left:1px solid #345169;padding-left:20px}.refund-metrics b{display:block;font-size:27px;line-height:1.2;font-weight:500;color:#cdf4ff;letter-spacing:-.03em}.refund-metrics span{display:block;font:8px/1.9 ui-monospace,monospace;color:#96b0ca;margin-top:10px}.refund-flow figcaption{font:9px/1.9 Inter,sans-serif!important;color:#97aec5!important;margin:20px 0 0!important;text-align:left!important;border-top:1px solid #2b4259;padding-top:16px}.refund-flow:not(.refund-playing) .refund-check{animation-play-state:paused}
@keyframes refund-spin{to{transform:rotate(360deg)}}@keyframes refund-travel{from{stroke-dashoffset:var(--refund-wire-length)}to{stroke-dashoffset:0}}
@container(max-width:700px){.refund-flow .refund-stages{grid-template-columns:1fr 1fr;gap:28px}.refund-flow .refund-stages>li{min-height:245px}.refund-result{grid-template-columns:1fr;gap:20px}.refund-metrics{border-left:0;border-top:1px solid #345169;padding:18px 0 0}.refund-flow-header{flex-direction:column;gap:13px}.refund-stage-top{font-size:8px}.refund-stage code{font-size:10px}.refund-stage p{font-size:11px}.refund-stage small{font-size:8px}}
@container(max-width:440px){.refund-flow .refund-stages{grid-template-columns:1fr;gap:28px}.refund-flow .refund-stages>li{min-height:225px;padding:18px}.refund-stage-top{font-size:9px}.refund-flow h4{font-size:20px}.refund-icon{position:absolute;right:18px;top:45px;font-size:28px}.refund-stage h4{margin-top:24px!important;padding-right:35px}.refund-stage p{font-size:12px}.refund-rule code{font-size:9px}.refund-result{padding:18px}.refund-flow h3{font-size:23px}.refund-controls>span{font-size:8px}}
@media(max-width:600px){.refund-flow{padding:18px 15px}}
@media(prefers-reduced-motion:reduce){.refund-flow .refund-stage,.refund-progress>span{transition:none}.refund-wire-pulse{display:none}.refund-playing .refund-check{animation:none!important}}
.md-typeset figure.refund-flow{display:block;width:100%;max-width:none;box-sizing:border-box}
.md-typeset .refund-flow ol.refund-stages{display:grid;padding:0;margin:0;list-style:none}
.md-typeset figure.refund-flow{text-align:left}
.md-typeset .refund-flow figcaption{max-width:none}