/* ══════════════════════════════════════════════════════════════════
   RECEIPT SYSTEM — Crane Processing
   Reusable visual language that extends the receipt motif from the
   Features section into pricing, savings/proof, and section headers.
   Applied lightly — not decoration, just brand coherence.
═══════════════════════════════════════════════════════════════════ */

/* ── Dotted separator ─────────────────────────────────────────── */

.rcpt-sep {
  border: none;
  border-top: 1px dashed rgba(27, 23, 19, 0.16);
  margin: 0;
}

.rcpt-sep--light {
  border-top-color: rgba(244, 230, 211, 0.15);
}

/* ── Monospace metadata label ─────────────────────────────────── */
/* Add to any label/key element to extend the receipt visual tone. */

.rcpt-label {
  font-family: 'Courier New', Courier, monospace;
  text-transform: uppercase;
}

/* ── Section ref slug ─────────────────────────────────────────── */
/* Insert after a .section-eyebrow for receipt brand identity.    */

.rcpt-ref {
  display: block;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--muted);
  opacity: 0.60;
  margin-top: -10px;
  margin-bottom: 14px;
}

.rcpt-ref--light {
  color: var(--text-on-dark);
  opacity: 0.20;
}