:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  color: #292725;
  background: #f3eee8;
}

* { box-sizing: border-box; }
body { margin: 0; padding: 24px; }
main { width: min(100%, 760px); margin: 0 auto; padding: 32px; border-radius: 28px; background: #fffdf9; box-shadow: 0 18px 55px rgba(63, 48, 37, .08); }
h1 { margin: 0 0 8px; font-size: clamp(30px, 7vw, 48px); letter-spacing: -.04em; }
h2 { margin: 30px 0 10px; font-size: 21px; }
p, li { color: #6f6963; line-height: 1.65; }
a { color: #9b4f45; font-weight: 700; }
.eyebrow { color: #9b4f45; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.notice { padding: 16px; border-radius: 16px; background: #f5e8e2; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
form { display: grid; gap: 14px; margin-top: 24px; }
label { display: grid; gap: 7px; color: #6f6963; font-size: 13px; font-weight: 700; }
input, textarea, button { min-height: 48px; padding: 12px 14px; border: 1px solid #ded5cc; border-radius: 14px; font: inherit; }
button { border: 0; background: #292725; color: white; font-weight: 800; cursor: pointer; }
button.danger { background: #a84338; }
#result { min-height: 24px; font-weight: 700; }
@media (max-width: 600px) {
  body { padding: 0; }
  main { min-height: 100vh; padding: 28px 20px 50px; border-radius: 0; }
}