:root { color-scheme: light; font-family: system-ui, sans-serif; color: #171717; background: #f4f3f0; }
body { margin: 0; padding: 32px 16px; }
main { max-width: 560px; margin: 5vh auto; padding: 32px; background: white; border-top: 4px solid #171717; }
.brand { font-weight: 900; letter-spacing: .12em; color: inherit; text-decoration: none; }
h1 { font-size: 1.8rem; line-height: 1.2; }
p, li { line-height: 1.6; }
table { width: 100%; } th { text-align: left; }
input:not([type=hidden]):not([type=checkbox]):not([type=radio]) { box-sizing: border-box; max-width: 100%; padding: 12px; border: 1px solid #aaa; font: inherit; }
button, .btn { display: inline-block; padding: 12px 16px; border: 0; background: #171717; color: white; font: inherit; cursor: pointer; margin: 8px 0; }
a { color: #9c341d; } .errorlist { color: #a11; } img, svg { max-width: 100%; height: auto; }
footer { margin-top: 32px; padding-top: 16px; border-top: 1px solid #ddd; font-size: .85rem; }
@media(max-width: 500px) { main { padding: 20px; } th, td { display: block; } }