/* Light warm-gray cotton stock and the quiet edge of a single sheet. */
:root {
  --paper: #f4f0e6;
  --surface: #f7f3e9;
  --ink: #24283d;
  --muted: #414653;
  --blue: #2933b3;
  --blue-deep: #202a9c;
  --lilac: #c3c1cc;
  --line: #aaa69c;
  --grain: url('/assets/paper-grain.svg?v=20261028h');
}
html { background: #d8d4cb; }
body {
  width: calc(100% - 40px);
  max-width: 1480px;
  min-height: calc(100vh - 40px);
  margin: 20px auto;
  background-color: var(--paper);
  background-image: var(--grain), linear-gradient(115deg, #ffffff09, transparent 38%, #4c453a06);
  background-size: 512px 512px, 100% 100%;
  border: 1px solid #77716640;
  border-radius: 2px;
  box-shadow: 0 1px 1px #ffffff40 inset, 0 2px 4px #39342c0b, 0 18px 50px #39342c17;
}
.masthead { border-bottom: 1px solid #635d511c; }
.masthead-mark { filter: drop-shadow(0 1px 0 #fff3); }
.metric-main, .closing, .qr-panel, .impact-strip {
  background-color: var(--surface);
  background-image: var(--grain);
  background-size: 512px 512px;
  border: 1px solid #827b6d50;
  box-shadow: 0 1px 0 #ffffff35 inset, 0 1px 2px #4c453a0a;
}
.metric-main { border-radius: 3px 3px 30px 3px; }
.closing { border-radius: 3px 3px 30px 3px; }
.qr-panel, .impact-strip { border-radius: 3px; }
.primary {
  border: 1px solid #202a9c;
  border-radius: 4px;
  box-shadow: 0 1px 0 #ffffff20 inset, 0 2px 3px #39342c13;
}
.nav-pdf { border-color: #827b6d65; border-radius: 4px; }
.aclera-art { background-color: var(--surface); background-image: var(--grain); border-color: #827b6d50; }
.redact-art { background-color: #bec5c3; background-image: var(--grain); }
.redact-check { border-color: #bec5c3; }
.redact-paper { box-shadow: 0 2px 3px #39342c15; }
.project-art { border-radius: 3px; }
.job li::marker { color: #6e7185; }
@media (max-width: 760px) {
  body { width: calc(100% - 16px); margin: 8px auto; min-height: calc(100vh - 16px); }
  .closing { border-radius: 3px 3px 24px 3px; }
}
@media (max-width: 380px) {
  .nav-pdf { padding-inline: 8px; font-size: 11px; }
  .nav-pdf > span { display: none; }
  .metric-main > strong { font-size: 46px; white-space: nowrap; }
  .metric-pair strong { font-size: 28px; white-space: nowrap; }
}
@media print {
  html { background: white; }
  body { width: 100%; max-width: none; min-height: 0; margin: 0; border: 0; border-radius: 0; background: white; box-shadow: none; }
  .masthead { border: 0; }
  .masthead-mark { filter: none; }
  .metric-main, .closing, .qr-panel, .impact-strip, .project-art { background-image: none; box-shadow: none; }
  .metric-main { background: none; }
}