:root {
  color: #1c1915;
  background: #f6f3ee;
  font-family: Georgia, "Iowan Old Style", serif;
}
body { margin: 0; }
header, main { max-width: 920px; margin: 0 auto; }
header {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 3px solid #1d4e4a;
}
.mark { margin: 0; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.75rem; color: #1d4e4a; font-family: "Segoe UI", sans-serif; }
nav { display: flex; flex-wrap: wrap; gap: 0.75rem; font-family: "Segoe UI", sans-serif; }
nav a { color: #1d4e4a; }
main { padding: 1.25rem 0 3rem; }
.narrow { max-width: 28rem; }
label, textarea, input, select, button { font-family: "Segoe UI", sans-serif; }
label { display: block; margin: 0.8rem 0; }
textarea, input, select { width: 100%; box-sizing: border-box; padding: 0.5rem; border: 1px solid #c9c1b4; background: #fff; }
button { background: #1d4e4a; color: #fff; border: 0; padding: 0.55rem 0.8rem; cursor: pointer; }
article, form { background: #fff; border: 1px solid #e4ddd2; padding: 1rem; margin: 0 0 1rem; }
pre { white-space: pre-wrap; font-family: Georgia, serif; font-size: 1.05rem; }
.meta { color: #5e584f; font-family: "Segoe UI", sans-serif; font-size: 0.85rem; }
.error { color: #8d2b2b; }
.ok { color: #1d4e4a; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
table { width: 100%; border-collapse: collapse; background: #fff; }
td, th { border-bottom: 1px solid #e4ddd2; padding: 0.35rem; text-align: left; vertical-align: top; font-family: "Segoe UI", sans-serif; font-size: 0.9rem; }
@media (max-width: 700px) {
  header, main { padding-left: 1rem; padding-right: 1rem; }
  .grid { grid-template-columns: 1fr; }
}