* { box-sizing: border-box; }
body { margin: 0; color: #1e2a24; background: #f2f5f3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 1.6; }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 22px 60px; }
header.site { background: #fff; border-bottom: 1px solid #d8deda; padding: 14px 22px;
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.brand { font-family: Georgia, serif; font-size: 22px; color: #0e5c3f; text-decoration: none; font-weight: bold; }
nav.main { margin-left: auto; display: flex; gap: 16px; align-items: center; }
nav.main a { color: #1e2a24; text-decoration: none; font-size: 15px; }
nav.main a:hover { color: #0e5c3f; text-decoration: underline; }
nav.main span { color: #5a6660; font-size: 14px; }
.card { background: #fff; border: 1px solid #d8deda; border-radius: 10px; padding: 24px 26px; margin: 16px 0; }
h1 { font-family: Georgia, serif; font-size: 30px; margin: 26px 0 8px; }
input, textarea, select { font: inherit; padding: 9px 12px; border: 1px solid #b9c4be; border-radius: 6px; width: 100%; max-width: 420px; }
button, .btn { display: inline-block; background: #0e5c3f; color: #fff; border: none; cursor: pointer;
  font-weight: 650; padding: 11px 26px; border-radius: 7px; font-size: 16px; text-decoration: none; }
button:hover, .btn:hover { background: #0a4732; }
.meta { color: #5a6660; font-size: 14px; }
.err { background: #fdecea; border: 1px solid #b3261e; border-radius: 8px; padding: 12px 16px; margin: 14px 0; }
.ok { background: #e3efe8; border: 1px solid #0e5c3f; border-radius: 8px; padding: 12px 16px; margin: 14px 0; }
table.grid { border-collapse: collapse; width: 100%; background: #fff; }
table.grid td, table.grid th { padding: 8px 10px; border-top: 1px solid #d8deda; text-align: left; font-size: 15px; }
footer.site { color: #5a6660; font-size: 13.5px; padding: 26px 22px 40px; max-width: 860px; margin: 0 auto; }