/* Scoped to the documentary walkthrough; existing calculator and B4 UI stay intact. */
.receipt-walkthrough { margin-block:28px; padding-block:24px; border-top:1px solid var(--strong); }
.receipt-walkthrough h4 { font-size:1.6rem; margin:0 0 16px; }
.receipt-walkthrough h5 { font-size:1.15rem; margin:28px 0 12px; }
.receipt-documents { display:grid; gap:24px; margin-block:24px; }
.receipt-document { min-width:0; margin:0; padding:20px; background:var(--paper); border:1px dashed var(--strong); }
.receipt-document figcaption { font-size:1.15rem; font-weight:600; }
.receipt-document figcaption strong { display:block; margin-top:8px; color:var(--warning); font-size:.875rem; }
.receipt-document p { font-size:1rem; }
.receipt-document dl,.receipt-field-map { margin:16px 0 0; }
.receipt-document dl>div,.receipt-field-map>div { padding-block:12px; border-top:1px solid var(--border); }
.receipt-document dt,.receipt-field-map dt { font-weight:600; }
.receipt-document dd,.receipt-field-map dd { margin:8px 0 0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.receipt-document dd { font-size:1rem; }
.receipt-mark { display:inline-block; min-width:1.8em; margin-right:.25em; padding:0 .35em; color:var(--primary); background:var(--tint); text-align:center; font-weight:600; }
.receipt-field-map>div { padding-block:16px; }
@media (min-width:700px) { .receipt-documents { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media print { .receipt-document { break-inside:avoid; } }