:root {
    --ink: #2b2620;
    --paper: #faf6ef;
    --accent: #6b7a4f;
    --line: #ddd4c3;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    background: var(--paper);
    color: var(--ink);
    line-height: 1.55;
}
.wrap {
    max-width: 640px;
    margin: 0 auto;
    padding: 3rem 1.25rem 5rem;
}
.wrap.wide { max-width: 860px; }
h1 { font-size: 1.9rem; margin-bottom: 0.5rem; }
.lede { font-size: 1.15rem; }
.small { font-size: 0.9rem; opacity: 0.75; }
a.button {
    display: inline-block;
    margin: 1.5rem 0;
    padding: 0.75rem 1.5rem;
    background: var(--accent);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-family: system-ui, sans-serif;
}
a.back, a.logout { font-family: system-ui, sans-serif; font-size: 0.9rem; }

/* Forms */
.submission-form, .triage-form {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-family: system-ui, sans-serif;
}
.submission-form label, .triage-form label { font-weight: 600; margin-top: 0.75rem; }
.submission-form input[type=text],
.submission-form input[type=password],
.submission-form textarea,
.submission-form select {
    padding: 0.5rem;
    border: 1px solid var(--line);
    border-radius: 4px;
    font-family: inherit;
    font-size: 1rem;
}
.submission-form fieldset { border: 1px solid var(--line); border-radius: 4px; margin-top: 0.75rem; }
.submission-form label.radio, .submission-form label.checkbox { font-weight: normal; display: block; margin: 0.4rem 0; }
.submission-form button, .triage-form button {
    margin-top: 1.25rem;
    padding: 0.6rem 1.2rem;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    align-self: flex-start;
}
.errors { color: #a33; font-family: system-ui, sans-serif; }

/* Honeypot - hidden from real users, left visible to simple bots */
.hp-field { position: absolute; left: -9999px; top: -9999px; }

/* Admin */
.submission {
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 1rem;
    margin: 1.25rem 0;
    font-family: system-ui, sans-serif;
    font-size: 0.95rem;
}
.submission header { font-size: 0.85rem; opacity: 0.8; margin-bottom: 0.5rem; }
.photo-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
.photo-grid img { max-height: 120px; border-radius: 4px; }
.triage-form { flex-direction: row; align-items: end; gap: 1rem; margin-top: 0.75rem; }
.triage-form label { margin-top: 0; font-size: 0.85rem; }