:root { --max: 980px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.6; }
header { border-bottom: 1px solid #e6e6e6; }
.container { max-width: var(--max); margin: 0 auto; padding: 16px; }
nav a { margin-right: 14px; text-decoration: none; }
nav a[aria-current="page"] { font-weight: 700; text-decoration: underline; }
main { padding: 24px 0; }
footer { border-top: 1px solid #e6e6e6; color: #444; }
.card { border: 1px solid #e6e6e6; border-radius: 12px; padding: 16px; }
label { display: block; margin-top: 12px; }
input, textarea { width: 100%; padding: 10px; margin-top: 6px; border: 1px solid #ccc; border-radius: 8px; }
button { margin-top: 14px; padding: 10px 14px; border: 1px solid #333; border-radius: 10px; background: transparent; cursor: pointer; }
.small { font-size: 0.92rem; color: #555; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.form-status { min-height: 1.4em; margin: 10px 0 0; }
.form-status.error { color: #a40000; }
.form-status.success { color: #146c2e; }