:root{font:16px/1.5 system-ui;color:#1a2533;background:#f4f7f8}body{margin:0}main{max-width:44rem;margin:auto;padding:1rem}h1{line-height:1.15}.test{font-weight:800;color:#8a3100}aside{padding:1rem;border:2px solid #a33;background:#fff3f0}form{display:grid;gap:1rem;margin:1.5rem 0}label{display:grid;gap:.35rem;font-weight:700}input,select,textarea,button{font:inherit;padding:.75rem;border:1px solid #657280;border-radius:.4rem}textarea{min-height:8rem}button{background:#0b5d5e;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.55}article,#receipt{background:#fff;border:1px solid #ccd4d8;border-radius:.5rem;padding:1rem}dt{font-weight:800}dd{margin:0 0 .75rem}img{display:block;max-width:100%;margin-top:1rem;border-radius:.4rem}@media(max-width:28rem){main{padding:.75rem}button{width:100%}}