/* Printer transparency: diagrams explain the process, receipts provide the proof. */
#page-receipts{--explain-blue:#315b7d;--explain-blue-soft:#eaf0f5;--explain-warm:#bb8b45;--explain-warm-soft:#f3e6d1;--explain-ink:var(--text,#242521);--explain-muted:var(--muted,#62645d);--explain-paper:var(--panel,#fff);--explain-border:var(--line,#deded7)}
#page-receipts .transparency-heading{margin-bottom:26px}
#page-receipts .transparency-heading p{max-width:62ch}
#page-receipts .transparency-explainer{border:1px solid var(--explain-border);background:var(--explain-paper);border-radius:12px;margin:0 0 26px;overflow:hidden;color:var(--explain-ink)}
#page-receipts .transparency-introduction{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 32px 0}
#page-receipts .transparency-scope{margin:0 0 10px;color:var(--explain-muted);font-size:12px;line-height:1.5}
#page-receipts .transparency-introduction h2{margin:0 0 9px;font-size:clamp(26px,2.4vw,32px);line-height:1.15;letter-spacing:-.035em}
#page-receipts .transparency-introduction p:not(.transparency-scope){font-size:14px;line-height:1.6;margin:0;color:var(--explain-muted)}
#page-receipts .transparency-explainer a,#page-receipts .transparency-evidence>a{color:var(--explain-blue);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.65}
#page-receipts .transparency-receipt-link{flex-shrink:0;align-self:flex-end;padding-bottom:3px}
#page-receipts .transparency-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:26px 32px 27px}
#page-receipts .transparency-flow li{position:relative;min-width:0}
#page-receipts .transparency-flow li:not(:last-child)::after{content:'';position:absolute;top:48px;left:calc(50% + 65px);width:calc(100% - 106px);height:1px;background:var(--explain-border)}
#page-receipts .transparency-flow li:not(:last-child)::before{content:'';position:absolute;top:45px;left:calc(150% - 47px);width:7px;height:7px;border-top:1px solid var(--explain-muted);border-right:1px solid var(--explain-muted);transform:rotate(45deg)}
#page-receipts .transparency-illustration{height:103px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
#page-receipts .transparency-illustration svg{display:block;width:112px;height:94px;stroke:var(--explain-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#page-receipts .diagram-tint{fill:var(--explain-blue-soft);stroke:none}
#page-receipts .diagram-warm{fill:var(--explain-warm-soft);stroke:none}
#page-receipts .diagram-paper{fill:var(--explain-paper);stroke:none}
#page-receipts .diagram-accent{stroke:var(--explain-blue);stroke-width:2.5}
#page-receipts .transparency-flow-copy{text-align:center;margin:auto;max-width:220px}
#page-receipts .transparency-step{display:block;font-size:11px;font-weight:550;color:var(--explain-muted);margin-bottom:6px;line-height:1.5}
#page-receipts .transparency-flow h3{font-size:15px;font-weight:650;margin:0 0 8px;line-height:1.4;letter-spacing:-.015em}
#page-receipts .transparency-flow p{font-size:12px;line-height:1.7;color:var(--explain-muted);margin:0}
#page-receipts .transparency-operation{display:flex;gap:12px;align-items:center;margin:0 32px;padding:15px 0;border-top:1px solid var(--explain-border);font-size:12px;line-height:1.6;color:var(--explain-muted)}
#page-receipts .transparency-operation svg{width:21px;height:21px;flex-shrink:0;color:var(--explain-blue)}
#page-receipts .transparency-operation strong{color:var(--explain-ink);font-weight:600}
#page-receipts .transparency-operation a{margin-left:auto;white-space:nowrap}
#page-receipts .transparency-visuals{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;margin:5px 32px 27px;padding-top:25px;border-top:1px solid var(--explain-border)}
#page-receipts .transparency-visuals h3{font-size:17px;line-height:1.4;letter-spacing:-.02em;font-weight:650;margin:0 0 6px}
#page-receipts .transparency-visuals section>p{font-size:12px;line-height:1.7;color:var(--explain-muted);margin:0}
#page-receipts .transparency-fee-note{padding:22px 24px;background:var(--explain-blue-soft);border-radius:8px;align-self:stretch}
#page-receipts .transparency-fee-bar{display:flex;width:100%;height:36px;overflow:hidden;border-radius:4px;margin:23px 0 18px}
#page-receipts .transparency-fee-bar span:first-child{width:95%;background:var(--explain-blue)}
#page-receipts .transparency-fee-bar span:last-child{width:5%;background:var(--explain-warm);border-left:2px solid var(--explain-paper);box-sizing:border-box}
#page-receipts .transparency-fee-split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}
#page-receipts .transparency-fee-split>div{display:flex;flex-direction:column;gap:5px}
#page-receipts .transparency-fee-split strong{font-size:42px;line-height:1.1;letter-spacing:-.055em;font-weight:600;margin:5px 0 0}
#page-receipts .transparency-fee-split strong span{font-size:24px;letter-spacing:-.02em}
#page-receipts .transparency-fee-split>div>span{font-size:12px;line-height:1.5}
#page-receipts .transparency-key{display:flex;align-items:center;gap:7px;color:var(--explain-muted)}
#page-receipts .transparency-key i{display:inline-block;width:7px;height:7px;border-radius:1px;background:var(--explain-blue);flex-shrink:0}
#page-receipts .transparency-fee-split>div:last-child .transparency-key i{background:var(--explain-warm)}
#page-receipts .transparency-fee-note .transparency-fee-caption{margin:0 0 10px;max-width:37ch}
#page-receipts .transparency-funding{padding:1px 0}
#page-receipts .transparency-example-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:14px 0 17px;font-size:11px}
#page-receipts .transparency-example-picker>span{margin-right:5px;color:var(--explain-muted)}
#page-receipts .transparency-example-picker button{font:inherit;font-weight:600;line-height:1.5;background:var(--explain-paper);border:1px solid var(--explain-border);border-radius:5px;min-height:34px;padding:6px 12px;cursor:pointer;color:var(--explain-ink)}
#page-receipts .transparency-example-picker button[aria-pressed="true"]{background:var(--explain-blue-soft);color:var(--explain-blue);border-color:var(--explain-blue)}
#page-receipts .transparency-example-picker button:hover{border-color:var(--explain-blue)}
#page-receipts .transparency-equation{display:flex;justify-content:space-between;align-items:end;gap:6px;margin:0 0 16px}
#page-receipts .transparency-equation>div{display:flex;flex-direction:column;gap:6px}
#page-receipts .transparency-equation span{font-size:11px;line-height:1.5;color:var(--explain-muted)}
#page-receipts .transparency-equation strong{font-size:20px;line-height:1.2;font-weight:550;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#page-receipts .transparency-equation>b{font-size:14px;font-weight:400;line-height:24px;color:var(--explain-muted)}
#page-receipts .transparency-equation-result strong{color:var(--explain-blue)}
#page-receipts .transparency-meter{position:relative;padding-top:26px}
#page-receipts .transparency-meter-target{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;font-size:10px;line-height:1.5;color:var(--explain-muted)}
#page-receipts .transparency-meter-track{height:12px;background:var(--explain-blue-soft);border-radius:3px}
#page-receipts .transparency-meter-track::after{content:'';position:absolute;left:50%;height:22px;top:21px;width:1px;background:var(--explain-ink)}
#page-receipts .transparency-meter-track>span{display:block;height:100%;border-radius:3px;background:var(--explain-warm)}
#page-receipts .transparency-example[data-state="funded"] .transparency-meter-track>span{background:var(--explain-blue)}
#page-receipts .transparency-meter-scale{display:flex;justify-content:space-between;font-size:10px;line-height:1.5;color:var(--explain-muted);margin-top:8px}
#page-receipts .transparency-example-result{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;margin:12px 0 3px}
#page-receipts .transparency-example-result>span{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;background:var(--explain-warm-soft);border-radius:50%;font-size:11px;color:var(--explain-ink)}
#page-receipts .transparency-example[data-state="funded"] .transparency-example-result>span{background:var(--explain-blue-soft);color:var(--explain-blue)}
#page-receipts .transparency-example-detail{font-size:11px;line-height:1.6;margin:0;color:var(--explain-muted);min-height:36px}
#page-receipts .transparency-funding .transparency-example-note{font-size:10px;line-height:1.7;margin:8px 0 0}
#page-receipts .transparency-example-note a{font-size:inherit}
#page-receipts .transparency-questions{margin:0 32px;border-top:1px solid var(--explain-border)}
#page-receipts .transparency-questions details{border-bottom:1px solid var(--explain-border)}
#page-receipts .transparency-questions summary{position:relative;padding:16px 27px 16px 0;cursor:pointer;font-size:13px;line-height:1.6;font-weight:600;list-style:none}
#page-receipts .transparency-questions summary::-webkit-details-marker{display:none}
#page-receipts .transparency-questions summary::after{content:'+';position:absolute;right:3px;top:15px;color:var(--explain-muted);font-size:19px;font-weight:400;line-height:1.2}
#page-receipts .transparency-questions details[open] summary::after{content:'-'}
#page-receipts .transparency-answer{padding:0 26px 18px 0;max-width:84ch}
#page-receipts .transparency-answer p{font-size:13px;line-height:1.8;color:var(--explain-muted);margin:0 0 10px}
#page-receipts .transparency-answer strong{color:var(--explain-ink);font-weight:600}
#page-receipts .transparency-scope-note{padding:18px 32px;margin:0;font-size:12px;line-height:1.75;color:var(--explain-muted)}
#page-receipts .transparency-evidence{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0 22px;background:none;border:0;border-radius:0;color:var(--explain-ink)}
#page-receipts .transparency-evidence h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 7px;color:inherit}
#page-receipts .transparency-evidence p{font-size:13px;line-height:1.7;margin:0;color:var(--explain-muted)}
#page-receipts .transparency-evidence>a{flex-shrink:0}
#page-receipts :is(#reward-live-status,#basket-receipt-section,#coin-receipts,#ledger-title,#transparency-control-details){scroll-margin-top:100px}
#page-receipts .transparency-explainer :is(a,summary,button):focus-visible,#page-receipts .transparency-evidence a:focus-visible{outline:2px solid var(--explain-blue);outline-offset:5px;border-radius:2px}
[data-theme="dark"] #page-receipts{--explain-blue:#a7c6e0;--explain-blue-soft:#222e37;--explain-warm:#cda565;--explain-warm-soft:#3c3223;--explain-ink:#f0f0ea;--explain-paper:var(--panel,#1d1e1c)}
@media(max-width:1150px){#page-receipts .transparency-introduction{align-items:start;gap:18px}#page-receipts .transparency-receipt-link{max-width:105px;align-self:center}#page-receipts .transparency-flow{gap:18px}#page-receipts .transparency-flow-copy{max-width:200px}#page-receipts .transparency-flow h3{font-size:14px}#page-receipts .transparency-visuals{gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}#page-receipts .transparency-fee-note{padding:20px}#page-receipts .transparency-equation strong{font-size:18px}}
@media(max-width:900px){#page-receipts .transparency-introduction{padding:26px 24px 0}#page-receipts .transparency-flow{padding:20px 24px 22px;gap:16px}#page-receipts .transparency-flow p{font-size:11px}#page-receipts .transparency-flow li:not(:last-child)::after,#page-receipts .transparency-flow li:not(:last-child)::before{display:none}#page-receipts .transparency-visuals{margin:5px 24px 24px;grid-template-columns:1fr}#page-receipts .transparency-operation,#page-receipts .transparency-questions{margin-right:24px;margin-left:24px}#page-receipts .transparency-fee-note{padding:22px}#page-receipts .transparency-operation{flex-wrap:wrap;gap:8px 10px}#page-receipts .transparency-operation>span{flex:1}#page-receipts .transparency-operation>a{margin-left:31px}#page-receipts .transparency-scope-note{padding:18px 24px}#page-receipts .transparency-equation strong{font-size:23px}}
@media(max-width:650px){#page-receipts .transparency-introduction{display:block;padding:23px 21px 0}#page-receipts .transparency-introduction h2{font-size:27px;max-width:17ch}#page-receipts .transparency-introduction p:not(.transparency-scope){font-size:13px;max-width:29ch}#page-receipts .transparency-receipt-link{display:inline-block;max-width:none;margin-top:14px}#page-receipts .transparency-flow{grid-template-columns:1fr;padding:22px 21px 25px;gap:26px}#page-receipts .transparency-flow li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;align-items:center}#page-receipts .transparency-illustration{height:82px;margin:0}#page-receipts .transparency-illustration svg{width:78px;height:72px}#page-receipts .transparency-flow-copy{text-align:left;max-width:none;margin:0}#page-receipts .transparency-step{font-size:10px;margin-bottom:4px}#page-receipts .transparency-flow h3{font-size:14px;margin-bottom:5px}#page-receipts .transparency-flow p{font-size:12px;line-height:1.65}#page-receipts .transparency-flow li:not(:last-child)::after{display:block;width:1px;height:22px;left:39px;top:calc(100% + 2px)}#page-receipts .transparency-flow li:not(:last-child)::before{display:block;left:36px;top:calc(100% + 16px);transform:rotate(135deg)}#page-receipts .transparency-operation{margin:0 21px;font-size:11px}#page-receipts .transparency-operation svg{align-self:start;margin-top:3px}#page-receipts .transparency-operation a{font-size:11px}#page-receipts .transparency-visuals{margin:0 21px 24px;padding-top:22px;gap:26px}#page-receipts .transparency-fee-note{padding:20px}#page-receipts .transparency-fee-bar{height:30px;margin:19px 0 16px}#page-receipts .transparency-fee-split{gap:12px;grid-template-columns:1fr 1fr}#page-receipts .transparency-fee-split strong{font-size:38px}#page-receipts .transparency-key{font-size:10px!important;gap:5px}#page-receipts .transparency-equation{gap:5px}#page-receipts .transparency-equation strong{font-size:18px}#page-receipts .transparency-equation span{font-size:10px}#page-receipts .transparency-example-picker button{min-height:40px;padding:8px 11px}#page-receipts .transparency-example-detail{min-height:0}#page-receipts .transparency-example-note{margin-top:12px!important}#page-receipts .transparency-questions{margin:0 21px}#page-receipts .transparency-questions summary{font-size:12px}#page-receipts .transparency-answer{padding-right:0}#page-receipts .transparency-answer p{font-size:12px}#page-receipts .transparency-scope-note{padding:17px 21px;font-size:11px}#page-receipts .transparency-evidence{align-items:start;flex-direction:column;gap:8px}}
@media(min-width:651px) and (max-width:900px){#page-receipts .transparency-flow{grid-template-columns:1fr;gap:26px}#page-receipts .transparency-flow li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:22px;align-items:center}#page-receipts .transparency-illustration{height:82px;margin:0}#page-receipts .transparency-illustration svg{width:86px;height:76px}#page-receipts .transparency-flow-copy{text-align:left;max-width:380px;margin:0}#page-receipts .transparency-flow h3{font-size:15px}#page-receipts .transparency-flow p{font-size:12px}#page-receipts .transparency-flow li:not(:last-child)::after{display:block;width:1px;height:22px;left:45px;top:calc(100% + 2px)}#page-receipts .transparency-flow li:not(:last-child)::before{display:block;left:42px;top:calc(100% + 16px);transform:rotate(135deg)}}
@media(max-width:380px){#page-receipts .transparency-example-picker>span{flex-basis:100%;margin-bottom:3px}#page-receipts .transparency-equation{gap:3px}#page-receipts .transparency-equation strong{font-size:16px}#page-receipts .transparency-equation span{white-space:nowrap}}
/* Only transforms and opacity move. No timers, changing layout or extra media. */
#page-receipts .transparency-flow-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 32px 0;min-height:32px;color:var(--explain-muted);font-size:11px}
#page-receipts .transparency-flow-tools button{display:inline-flex;align-items:center;gap:7px;font:inherit;color:var(--explain-blue);padding:7px 9px;border:1px solid var(--explain-border);border-radius:5px;background:var(--explain-paper);cursor:pointer;min-height:32px}
#page-receipts .transparency-flow-tools button[hidden]{display:none}
#page-receipts .transparency-flow-tools button:disabled{cursor:default;color:var(--explain-muted)}
#page-receipts .transparency-flow-tools button svg{width:12px;height:12px}
#page-receipts .transparency-play-mark{display:none}
#page-receipts [data-transparency-motion][aria-pressed="false"] .transparency-play-mark{display:block}
#page-receipts [data-transparency-motion][aria-pressed="false"] .transparency-pause-mark{display:none}
#page-receipts .transparency-flow li{--flow-delay:0s}
#page-receipts .transparency-flow li:nth-child(2){--flow-delay:2s}
#page-receipts .transparency-flow li:nth-child(3){--flow-delay:4s}
#page-receipts .transparency-flow li:nth-child(4){--flow-delay:6s}
#page-receipts .transparency-illustration{position:relative}
#page-receipts .transparency-illustration::before{content:'';position:absolute;width:112px;height:100px;border-radius:9px;background:var(--explain-blue-soft);opacity:0}
#page-receipts .transparency-illustration svg{position:relative;transform-origin:center}
#page-receipts .transparency-transfer{position:absolute;left:calc(50% + 65px);top:46px;width:calc(100% - 106px);height:5px;overflow:hidden;pointer-events:none}
#page-receipts .transparency-transfer i{position:absolute;inset:0;opacity:0}
#page-receipts .transparency-transfer i::before{content:'';position:absolute;width:9px;height:3px;top:1px;left:0;border-radius:2px;background:var(--explain-blue)}
#page-receipts .transparency-flow[data-motion-ready="true"] .transparency-illustration::before{animation:printer-flow-emphasis 8s ease-in-out var(--flow-delay) infinite;animation-play-state:paused}
#page-receipts .transparency-flow[data-motion-ready="true"] .transparency-illustration svg{animation:printer-flow-step 8s ease-in-out var(--flow-delay) infinite;animation-play-state:paused}
#page-receipts .transparency-flow[data-motion-ready="true"] .transparency-transfer i{animation:printer-flow-transfer-x 8s linear var(--flow-delay) infinite;animation-play-state:paused}
#page-receipts .transparency-flow[data-motion-running="true"] :is(.transparency-illustration svg,.transparency-transfer i),#page-receipts .transparency-flow[data-motion-running="true"] .transparency-illustration::before{animation-play-state:running}
@keyframes printer-flow-emphasis{0%,23%,100%{opacity:0}5%,16%{opacity:1}}
@keyframes printer-flow-step{0%,23%,100%{transform:translateY(0) scale(1)}7%,14%{transform:translateY(-3px) scale(1.035)}}
@keyframes printer-flow-transfer-x{0%,12%{opacity:0;transform:translateX(-9px)}13%{opacity:1;transform:translateX(-9px)}24%{opacity:1;transform:translateX(100%)}25%,100%{opacity:0;transform:translateX(100%)}}
@keyframes printer-flow-transfer-y{0%,12%{opacity:0;transform:translateY(-9px)}13%{opacity:1;transform:translateY(-9px)}24%{opacity:1;transform:translateY(100%)}25%,100%{opacity:0;transform:translateY(100%)}}
@media(max-width:900px){#page-receipts .transparency-flow-tools{margin:21px 24px 0}#page-receipts .transparency-illustration::before{width:90px;height:82px}#page-receipts .transparency-transfer{left:43px;top:calc(100% + 2px);width:5px;height:22px}#page-receipts .transparency-transfer i::before{width:3px;height:7px;top:0;left:1px}#page-receipts .transparency-flow[data-motion-ready="true"] .transparency-transfer i{animation-name:printer-flow-transfer-y}}
@media(max-width:650px){#page-receipts .transparency-flow-tools{margin:17px 21px 0;min-height:40px}#page-receipts .transparency-flow-tools button{min-height:40px}#page-receipts .transparency-illustration::before{width:78px}#page-receipts .transparency-transfer{left:37px}}
@media(prefers-reduced-motion:reduce){#page-receipts .transparency-explainer *{scroll-behavior:auto}#page-receipts .transparency-flow[data-motion-ready="true"] :is(.transparency-illustration svg,.transparency-transfer i),#page-receipts .transparency-flow[data-motion-ready="true"] .transparency-illustration::before{animation:none!important}}
@media(min-width:721px) and (max-width:1050px){body[data-page="receipts"] .header-location{display:none}body[data-page="receipts"] .header-actions{margin-left:auto;gap:8px}}