* { box-sizing: border-box; }
body { margin: 0; padding: 24px 12px; background: #faf7f0; color: #352923; font: 16px/1.7 Arial,sans-serif; }
main { max-width: 740px; margin: auto; padding: clamp(18px,4vw,36px); background: white; border-top: 3px solid #edbd3c; }
h1,a { color: #800020; } h1 { font-family: Georgia,serif; }
label { display: block; margin: 16px 0; }
input:not([type=checkbox]) { display: block; width: 100%; padding: 12px; min-height: 46px; border: 1px solid #b9a689; font: inherit; }
.check input { width: 18px; height: 18px; accent-color: #800020; }
button,.button { display: inline-block; padding: 14px 22px; background: #800020; color: white; border: 0; font: 700 16px/1.5 Arial,sans-serif; cursor: pointer; text-decoration: none; }
li,p { overflow-wrap: anywhere; } :focus-visible { outline: 3px solid #b58120; outline-offset: 4px; }