/* Receipts component (Builder, 2026-10-30). Uses the host page's tokens: --color-ink/-panel/-paper/-accent/-accent-ink/-rule/-muted, --font-body/-display. */
.rcpt{display:inline-flex;align-items:center;min-height:24px;min-width:24px;padding:0 8px;margin-left:6px;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-panel);color:var(--color-accent);font:bold .72rem/1 var(--font-body);letter-spacing:.02em;text-decoration:none;vertical-align:.12em;white-space:nowrap;cursor:pointer}
.rcpt:hover{border-color:var(--color-accent)}
.rcpt:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}
.receipts{border-top:1px solid var(--color-rule);padding-block:40px;font-size:.92rem}
.receipts>h2{font-size:1.6rem;margin-bottom:8px}
.receipts>p{color:var(--color-muted);max-width:72ch}
.receipts ol{padding-left:20px;margin:24px 0 0;display:grid;gap:4px}
.receipts li{max-width:72ch;margin:0 0 20px;scroll-margin-top:24px}
.receipts li:target{outline:2px solid var(--color-accent);outline-offset:8px}
.receipts h3,.rcpt-body h3{font-family:var(--font-body);font-weight:bold;font-size:1rem;line-height:1.4;margin:0 0 8px}
.receipts blockquote,.rcpt-body blockquote{margin:8px 0;padding:4px 0 4px 14px;border-left:3px solid var(--color-accent)}
.receipts p,.rcpt-body p{margin:0 0 8px}
.receipts a,.rcpt-body a{overflow-wrap:anywhere}
.rcpt-meta{color:var(--color-muted);font-size:.85rem}
.rcpt-dialog{width:min(36rem,calc(100vw - 32px));max-height:min(85vh,40rem);overflow:auto;padding:24px;border:0;border-top:4px solid var(--color-accent);background:var(--color-panel);color:var(--color-ink);font:1rem/1.6 var(--font-body)}
.rcpt-dialog::backdrop{background:color-mix(in srgb,var(--color-ink) 55%,transparent)}
.rcpt-close{float:right;margin:0 0 12px 16px;min-height:44px;padding:8px 16px;background:var(--color-accent);color:var(--color-accent-ink);border:1px solid var(--color-accent);font:bold .9rem/1 var(--font-body);cursor:pointer}
.rcpt-close:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.rcpt-body h3{font-size:1.1rem;padding-top:8px}
/* Optional two-column layout matching a page's split chapters: heading + intro left, list right. */
@media(min-width:761px){.receipts--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;align-items:start}.receipts--split ol{margin-top:0}}
@media print{.rcpt,.rcpt-dialog{display:none}}