:root {
  color-scheme: light;
  font-family: system-ui, sans-serif;
  color: #172923;
  background: #f5f5f0;
}

* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 56rem; padding: 1.5rem; line-height: 1.55; }
header { border-bottom: 1px solid #bdc9c1; padding: 1rem 0 1.5rem; }
.eyebrow { color: #315c47; font-size: .9rem; font-weight: 700; letter-spacing: .04em; }
h1, h2 { line-height: 1.2; }
h2 { margin-top: 2rem; }
main { min-height: 65vh; }
section, #status { background: white; border: 1px solid #d5ddd7; border-radius: .6rem; margin-top: 1rem; padding: 1.25rem; }
textarea { display: block; min-height: 7rem; margin: .4rem 0 1rem; padding: .7rem; width: 100%; }
button, .document-link { background: #174e39; border: 0; border-radius: .3rem; color: white; cursor: pointer; display: inline-block; font: inherit; padding: .6rem .9rem; }
button:focus-visible, a:focus-visible, textarea:focus-visible { outline: 3px solid #d78e22; outline-offset: 2px; }
li { margin-block: .55rem; }
.muted { color: #4c5b52; }
.message { border-top: 1px solid #d5ddd7; padding-top: 1rem; white-space: pre-wrap; }
footer { color: #4c5b52; font-size: .9rem; }