:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f4f0e8;
  color: #2d2924;
  accent-color: #6a5d46;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(100%, 42rem); padding: clamp(1.5rem, 6vw, 4rem); }
h1 { font-family: Georgia, serif; font-weight: 400; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.2; margin: 0 0 2.5rem; }
h2 { font-size: 1.25rem; font-weight: 600; }
p { line-height: 1.6; }
nav { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; }
a { color: #594b35; text-underline-offset: 0.25em; }
.button, button { display: inline-block; padding: 0.8rem 1.3rem; border: 1px solid #6a5d46; border-radius: 0.25rem; background: #6a5d46; color: #fff; font: inherit; text-decoration: none; cursor: pointer; }
button:disabled { opacity: 0.55; cursor: default; }
label { display: block; margin: 1rem 0 0.4rem; }
input { width: 100%; border: 1px solid #8c8172; background: #fffcf6; color: inherit; border-radius: 0.2rem; padding: 0.7rem; font: inherit; }
:focus-visible { outline: 3px solid #8c693d; outline-offset: 4px; }
.field-error { color: #843a2d; font-size: 0.9rem; margin: 0.4rem 0; }
.field-error:empty { display: none; }
#verification { margin: 1.25rem 0; min-height: 65px; }
[role="status"] { margin: 1rem 0; }
.back { display: inline-block; margin-top: 1rem; }