/* "A list grows. One fee does not.", owner-approved and locked 2026-10-29 (Daniel's Receipt publishing approval; Codex family-c/receipt-v002,
   final paper finish, APPROVED-LOCK.json). Site placement of the locked style.css: every rule scoped to .dio-receipt, the review page's
   @font-face, :root, body, .review-shell and .review-note rules dropped (Nunito Sans comes from the site's fonts.css), h1 shown as the
   component title h3 and the h2 headings as h4. Values are unchanged. The arch tile is the site's own assets/arch-tile.svg (byte-identical
   to the lock's art/arch-tile.svg). Breakpoints follow the component's width (container queries). */
.dio-receipt{color:#2f4452;background:#fff;font-family:"Avenir Next",Avenir,"Nunito Sans",system-ui,sans-serif;font-synthesis:none}
.dio-receipt *{box-sizing:border-box}
.dio-receipt :is(h3,h4){font-family:inherit;color:inherit}
.dio-receipt .rct-card{margin:0;container-type:inline-size}
.dio-receipt .rct-head{position:relative;isolation:isolate;padding:22px 28px 20px;background:#e8eff3;border-bottom:1px solid #cad5da}
.dio-receipt .rct-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
 -webkit-mask-image:url(../../arch-tile.svg),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 40%,rgba(0,0,0,.45) 72%,#000);
 mask-image:url(../../arch-tile.svg),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 40%,rgba(0,0,0,.45) 72%,#000);
 -webkit-mask-size:179.4px 179.4px,100% 100%;mask-size:179.4px 179.4px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;
 -webkit-mask-composite:source-in;mask-composite:intersect}
.dio-receipt .rct-field>i{position:absolute;inset:0;background:linear-gradient(115deg,rgba(76,114,136,.20) 0%,rgba(76,114,136,.20) 30%,rgba(76,114,136,.34) 40%,rgba(237,135,60,.55) 47%,rgba(76,114,136,.30) 54%,rgba(76,114,136,.20) 64%,rgba(76,114,136,.20) 100%);background-size:300% 100%;background-position:0 0}
.dio-receipt .rct-head h3{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0}.dio-receipt .rct-head h3 span{white-space:nowrap;display:inline-block}.dio-receipt .rct-comparison{display:grid;grid-template-columns:1.07fr 1fr;gap:24px;background:#f5f7f7;padding:28px}.dio-receipt .rct-slip{padding-bottom:10px;align-self:stretch;min-width:0}.dio-receipt .rct-paper{position:relative;min-height:100%;padding:20px 18px 22px;border:1px solid #cad5da;border-bottom:0;background:white}.dio-receipt .rct-paper h4{font-size:17px;line-height:1.35;font-weight:500;margin:0 0 20px;color:#506875}.dio-receipt .rct-items{list-style:none;margin:0;padding:0;display:grid;gap:16px}.dio-receipt .rct-items li{position:relative;font-size:17px;line-height:1.4;font-weight:400;padding-right:31px;color:#2f4452;margin:0}.dio-receipt .rct-items li:after{content:"";position:absolute;right:0;top:.75em;width:22px;border-bottom:2px dotted #c6d2d8}.dio-receipt .rct-items li:last-child{font-weight:500;color:#506875}.dio-receipt .rct-items li:last-child:after{display:none}.dio-receipt .rct-torn{position:absolute;left:-1px;bottom:-10px;width:calc(100% + 2px);height:10px;overflow:visible}.dio-receipt .rct-right{display:flex;flex-direction:column;gap:24px;min-width:0}.dio-receipt :is(.rct-fee,.rct-result){position:relative;isolation:isolate;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#ed873c;padding:21px 22px 22px}.dio-receipt :is(.rct-fee,.rct-result):before{content:"";position:absolute;inset:1.5px;z-index:-1;background:white;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}.dio-receipt .rct-fee h4{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0 0 11px}.dio-receipt .rct-fee p{font-size:18px;line-height:1.45;font-weight:400;margin:0}.dio-receipt .rct-extra{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;padding:1px 6px;min-height:174px}.dio-receipt .rct-implant{display:block;width:61px;height:auto;max-width:none;flex:0 0 61px;mix-blend-mode:multiply;border-radius:0}.dio-receipt .rct-extra p{font-size:18px;line-height:1.45;font-weight:500;margin:0;max-width:150px}.dio-receipt .rct-result{background:#8ba1ae;padding:18px 22px 20px}.dio-receipt .rct-result:before{inset:1px;clip-path:polygon(11.4px 0,100% 0,100% calc(100% - 11.4px),calc(100% - 11.4px) 100%,0 100%,0 11.4px)}.dio-receipt .rct-result p{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.01em;margin:0}.dio-receipt .rct-card>figcaption{font-size:15px;line-height:1.5;color:#506875;padding:18px 28px 0;margin:0;text-align:left}.dio-receipt .rct-controls{display:flex;justify-content:flex-end;gap:10px;margin:18px 28px 0}.dio-receipt .rct-controls[hidden]{display:none}.dio-receipt .rct-controls button{font:500 14px/1.2 "Avenir Next",Avenir,"Nunito Sans",system-ui,sans-serif;min-height:48px;min-width:82px;padding:11px 16px;background:#fff;border:1px solid #bdcdd6;color:#2f4452;border-radius:0;cursor:pointer}.dio-receipt .rct-controls button:hover,.dio-receipt .rct-controls button[aria-pressed=true]{background:#e5edf1}.dio-receipt .rct-controls button:focus-visible{outline:2px solid #2f4452;outline-offset:3px}.dio-receipt .rct-controls button:disabled{opacity:.55;cursor:default}.dio-receipt .rct-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@container(max-width:520px){.dio-receipt .rct-head h3{font-size:23px}.dio-receipt .rct-comparison{gap:18px;padding:22px 20px}.dio-receipt .rct-paper{padding:17px 14px 20px}.dio-receipt .rct-paper h4{font-size:16px;margin-bottom:18px}.dio-receipt .rct-items{gap:15px}.dio-receipt .rct-items li{font-size:16px;padding-right:23px}.dio-receipt .rct-items li:after{width:16px;border-bottom-width:1.5px}.dio-receipt .rct-right{gap:20px}.dio-receipt .rct-fee{padding:18px 16px 20px}.dio-receipt .rct-fee h4{font-size:24px}.dio-receipt .rct-fee p{font-size:16px;line-height:1.5}.dio-receipt .rct-extra{gap:10px;padding:0}.dio-receipt .rct-implant{width:48px;flex-basis:48px}.dio-receipt .rct-extra p{font-size:16px;line-height:1.45}.dio-receipt .rct-result{padding:17px 16px 18px}.dio-receipt .rct-result p{font-size:20px}.dio-receipt .rct-card>figcaption{padding:17px 20px 0}.dio-receipt .rct-controls{margin:16px 20px 0}}
@container(max-width:360px){.dio-receipt .rct-head{padding:20px 22px}.dio-receipt .rct-head h3{font-size:23px}.dio-receipt .rct-comparison{padding:20px 14px 24px;gap:12px}.dio-receipt .rct-paper{padding:16px 11px 18px}.dio-receipt .rct-paper h4{font-size:16px;margin-bottom:17px}.dio-receipt .rct-items{gap:14px}.dio-receipt .rct-items li{padding-right:18px;font-size:16px;line-height:1.4}.dio-receipt .rct-items li:after{width:11px}.dio-receipt .rct-fee{padding:17px 13px 18px}.dio-receipt .rct-fee h4{font-size:23px;margin-bottom:10px}.dio-receipt .rct-extra{flex-direction:column;gap:10px;text-align:center;padding:0 6px}.dio-receipt .rct-implant{width:46px;flex-basis:auto}.dio-receipt .rct-extra p{font-size:16px}.dio-receipt .rct-result{padding:16px 13px 18px}.dio-receipt .rct-result p{font-size:18px;line-height:1.4}.dio-receipt .rct-right{gap:18px}}
@media(prefers-reduced-motion:reduce){.dio-receipt .rct-card *{animation:none!important;transition:none!important}}html.reduce-motion .dio-receipt .rct-card *,html[data-motion="reduce"] .dio-receipt .rct-card *,.dio-alive-off .dio-receipt .rct-card *{animation:none!important;transition:none!important}
@media print{.dio-receipt .rct-controls{display:none}.dio-receipt .rct-card{break-inside:avoid}}

.dio-receipt .rct-result p span{display:block}

/* Receipt paper finish: owner requested a recognizable printed receipt. */
.dio-receipt .rct-paper{padding-top:24px;padding-bottom:62px;border-color:#d4dbde;box-shadow:0 2px 5px rgba(47,68,82,.055);background:linear-gradient(90deg,#fdfefe 0%,#fff 9%,#fff 91%,#fbfcfc 100%)}
.dio-receipt .rct-paper h4{text-align:center;text-transform:uppercase;letter-spacing:.07em;font-weight:500;font-size:15px;line-height:1.4;margin-bottom:22px;padding-bottom:17px;border-bottom:1px dashed #b8c7d0;color:#506875}
.dio-receipt .rct-receipt-footer{position:absolute;left:18px;right:18px;bottom:14px;border-top:1px dashed #b8c7d0;padding-top:12px;text-align:center;color:#708691}
.dio-receipt .rct-barcode{display:block;width:102px;max-width:90%;height:18px;margin:0 auto}
.dio-receipt .rct-items li:after{border-bottom-width:1px;border-bottom-color:#aebfc9}
.dio-receipt .rct-torn{filter:drop-shadow(0 1px .7px rgba(47,68,82,.08))}
@container(max-width:520px){.dio-receipt .rct-paper{padding-top:21px;padding-bottom:57px}.dio-receipt .rct-paper h4{font-size:14px;letter-spacing:.055em;padding-bottom:14px;margin-bottom:19px}.dio-receipt .rct-receipt-footer{left:14px;right:14px;bottom:12px;padding-top:11px}.dio-receipt .rct-barcode{width:82px;height:16px}}
@container(max-width:360px){.dio-receipt .rct-paper{padding-top:19px;padding-bottom:55px}.dio-receipt .rct-paper h4{font-size:13px;line-height:1.5;letter-spacing:.055em;padding-bottom:13px;margin-bottom:17px}.dio-receipt .rct-receipt-footer{left:11px;right:11px;bottom:12px;padding-top:10px}.dio-receipt .rct-barcode{width:74px;height:15px}}
/* 2026-11-11 audit, animation controls: one look and one place on every animation. The row is a right-aligned row above the figure, 12px above it; each control has the
   finish of the site's animation toggle (answer-anim.css .ans-anim-toggle): 44px tall, 2px steel border, white ground, 6px corners, ink focus ring,
   mist fill when "Still view" is on. Looks and placement only: no markup, wording, timing or logic changes. The doubled root class outranks the
   widget's older control rules above, which stay as they were. */
.dio-receipt.dio-receipt .rct-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;width:auto;min-height:0;margin:0 0 12px;padding:0;border:0}
.dio-receipt.dio-receipt .rct-controls[hidden]{display:none}
.dio-receipt.dio-receipt .rct-controls button{font:500 14px/1.2 'Avenir Next',Avenir,'Nunito Sans',system-ui,sans-serif;min-height:44px;min-width:82px;margin:0;padding:10px 16px;background:#fff;color:#203846;border:2px solid #4c7288;border-radius:6px;box-shadow:none;text-shadow:none;text-transform:none;letter-spacing:normal;text-decoration:none;clip-path:none;cursor:pointer}
.dio-receipt.dio-receipt .rct-controls button:hover{background:#f1f5f6;border-color:#4c7288;color:#203846;text-shadow:none;text-decoration:none}
.dio-receipt.dio-receipt .rct-controls button:focus-visible{outline:3px solid #203846;outline-offset:2px}
.dio-receipt.dio-receipt .rct-controls button[aria-pressed=true]{background:#e6edf0;border-color:#4c7288}
.dio-receipt.dio-receipt .rct-controls button:disabled{opacity:.55;color:#203846;cursor:default}
/* the row is drawn first although it follows the card in the markup */
.dio-receipt.dio-receipt .rct-card{display:flex;flex-direction:column}
.dio-receipt.dio-receipt .rct-controls{order:-1}
@media print{.dio-receipt.dio-receipt .rct-controls{display:none!important}}
/* end animation controls */