/* Make Me A Proposal — proposal document artwork. Shared doc chrome.
   Each doc is a fixed US-letter page: 850x1100, no scroll. See DESIGN.md.
   No box-shadows inside docs; hairline borders + flat fills only. */

:root {
  --ink: #0E1B14;
  --ink-2: #15291E;
  --sage: #A9C79B;
  --paper: #F7F4EC;
  --card: #FFFFFF;
  --pine: #25543B;
  --line: #E4DED0;
  --line-dark: rgba(169, 199, 155, .18);
  --text: #1A241D;
  --muted: #5F6B60;
  --on-dark: #F4F1E7;
  --on-dark-body: rgba(244, 241, 231, .74);
  --font-display: "Instrument Serif", Georgia, serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --margin: 74px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 850px;
  height: 1100px;
  overflow: hidden;
}

body {
  position: relative;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--card);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  line-height: 1.55;
  font-size: 15px;
}

/* The printable page area */
.page {
  position: absolute;
  inset: 0;
  padding: var(--margin);
  display: flex;
  flex-direction: column;
}

/* Type primitives */
.serif { font-family: var(--font-display); font-weight: 400; font-synthesis: none; }
.eyebrow {
  font-family: var(--font-ui);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
}
.num { font-family: var(--font-display); font-weight: 400; font-feature-settings: "lnum" 1, "tnum" 1; }

/* Hairlines */
.rule { border: 0; border-top: 1px solid var(--line); width: 100%; }
.rule-ink { border-top-color: var(--line-dark); }

h1.serif, h2.serif, h3.serif { line-height: 1.04; letter-spacing: -0.012em; font-weight: 400; }

/* Footer chrome shared by inner pages */
.doc-footer {
  position: absolute;
  left: var(--margin);
  right: var(--margin);
  bottom: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10.5px;
  letter-spacing: 0.04em;
  color: var(--muted);
  text-transform: uppercase;
}