body { font-family: sans-serif; margin: 0; background: #f6f6f6; }
main { max-width: 480px; margin: 0 auto; padding: 16px; }
form, section { background: #fff; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
label { display: block; margin: 12px 0; }
input, select, button { width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px; }
input[type=checkbox] { width: auto; margin-right: 8px; }
button:disabled { opacity: .5; }
.notice { background: #fafafa; border: 1px solid #ddd; }
#claims { list-style: none; padding: 0; margin: 0; }
#claims li { padding: 8px 0; border-bottom: 1px solid #eee; }
#msg { font-weight: bold; }
textarea { width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px; }
.err { color: #b00020; display: block; }
#order-hint { display: block; color: #666; }
select:disabled { opacity: .6; }