/* The page around the document; the document's look is quote-document.css. #5c744a is Juvaro's sage accent (PROJECT.md
   section 5); the page has no token system, so the value is written once here. */
:root { color-scheme: light; }
body { margin: 0; padding: 24px 16px 48px; background: #eef1ea; font: 15px/1.5 system-ui, sans-serif; color: #1f2a1a; }
main { max-width: 210mm; margin: 0 auto; }
.response { max-width: 210mm; margin: 16px auto 0; padding: 20px; background: #fff; border-radius: 8px; box-sizing: border-box; }
.label { display: block; margin-bottom: 12px; font-weight: 500; }
.input { display: block; box-sizing: border-box; width: 100%; max-width: 420px; margin-top: 6px; padding: 8px 10px;
  border: 1px solid #b9c2b0; border-radius: 6px; font: inherit; }
textarea.input { min-height: 80px; }
button { margin: 4px 8px 4px 0; padding: 9px 16px; border-radius: 6px; font: inherit; cursor: pointer; }
button.primary { border: 1px solid #5c744a; background: #5c744a; color: #fff; }
button.secondary { border: 1px solid #b9c2b0; background: #fff; color: #1f2a1a; }
button:disabled { opacity: 0.6; cursor: default; }
.decline { margin-top: 12px; }
.notice { margin: 8px 0 0; color: #5b6456; }
.done { margin: 0; font-weight: 600; color: #3f5a2e; }