:root { color: #1c1a17; background: #f7f4ee; font-family: "Iowan Old Style", Palatino, Georgia, serif; }
body { margin: 0 auto; max-width: 42rem; padding: 1rem; line-height: 1.45; }
header { border-bottom: 2px solid #1c1a17; margin-bottom: 1rem; }
.masthead { font-size: 1.6rem; margin: 0; }
nav { display: flex; flex-wrap: wrap; gap: 0.8rem; padding: 0.4rem 0 0.8rem; }
a { color: #1c3f6e; }
form, article, li { margin: 0.8rem 0; }
label { display: block; margin: 0.3rem 0; }
input, select, button { font: inherit; max-width: 100%; }
img { max-width: 100%; height: auto; }
pre, table { overflow-x: auto; display: block; background: #fff; }
.error { background: #f8d7da; padding: 0.5rem; }
.warning { background: #fff3cd; padding: 0.5rem; }
.flash { background: #e5f4e5; padding: 0.5rem; }
@media (max-width: 640px) {
  body { padding: 0.7rem; }
  .masthead { font-size: 1.3rem; }
}