label { display: block; margin: 1rem 0 .35rem; font-weight: 650; }
input, select, textarea { width: 100%; max-width: 42rem; padding: .7rem; font: inherit; border: 1px solid #748a91; border-radius: .4rem; }
textarea { resize: vertical; }
.actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
button:disabled, input:disabled, textarea:disabled { opacity: .65; }
#preview article { border-top: 1px solid #d6e2e5; padding: .7rem 0; }
#preview p, #current, #receipt { overflow-wrap: anywhere; }
:focus-visible { outline: 3px solid #0b7b84; outline-offset: 3px; }
[hidden] { display: none !important; }
@media(max-width: 600px) { .actions button { width: 100%; } }