/* S-WEB-1: the web layer's one stylesheet (Web Spec §10.1). */
body { font-family: system-ui, sans-serif; margin: 0; color: #1d2a21; background: #f6f7f4; }
header { display: flex; gap: 1rem; align-items: center; padding: .75rem 1.25rem; background: #2f5d3a; color: #fff; }
header .brand { font-weight: 600; margin-right: auto; }
main { max-width: 32rem; margin: 2rem auto; padding: 0 1rem; }
label { display: block; margin: .75rem 0; }
input, select { display: block; width: 100%; padding: .5rem; margin-top: .25rem; box-sizing: border-box; }
button { padding: .5rem 1rem; margin-top: .5rem; }
.en { display: block; color: #5b6b60; font-size: .9em; }
header .en { display: inline; color: #dfe8e1; }
.message { padding: .75rem; background: #fff4d6; border-left: 4px solid #c99a1a; }
form.inline { display: inline; }
.agreement { background: #fff; padding: 1rem; white-space: pre-line; }