/* site/system/proposal.css — page CSS for site/proposal.html, and for that page only.
 *
 * Linked LAST in the head (S2), so a rule here can override a component without raising specificity.
 *
 * S1, and gate group 6 treats this file as a consumer exactly as it treats components.css: contract
 * tokens only, no colour literal, no pack primitive, no bare px on padding, margin, gap,
 * border-radius or font-size. No @import either, since an @import is invisible to the S2 order check.
 *
 * NOT PROMOTED TO components.css. The .proposal-quote band and .contract-quote in contract.css are
 * the same shape and S5 promotes a pattern used on two pages, so this is the promotion candidate
 * this ticket deliberately did not take: the two carriers are read by the same gate clause but they
 * sit in different documents at different measures, and merging them before #10 shows whether the
 * decisions page wants a third would be promoting a coincidence. Named here rather than left as an
 * oversight, because a silent omission is the outcome CLAUDE.md forbids.
 */

/* A memo is read top to bottom in one pass, so it gets a single narrow column and nothing else.
   65ch matches .page-frame's measure in components.css: the memo IS the page's framing prose. */
.proposal-address {
  font-family: var(--font-mono);
  font-size: var(--type-caption);
  color: var(--color-fg-muted);
  margin-top: 0;
  margin-bottom: var(--spacing-2xl);
}

.proposal-body {
  max-width: 68ch;
}

.proposal-body h2 {
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
}

.proposal-body > h2:first-child {
  margin-top: 0;
}

.proposal-body p {
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

/* Fin's own words, in the register the escalation card already gives them: an indent with the
   attribution under the quote. Never a pull-quote. On a page arguing from someone else's
   research, the quotations have to read as evidence being cited rather than as emphasis, and a
   larger or italic treatment would make the borrowed sentences the loudest thing on the page. */
.proposal-quote {
  margin: var(--spacing-lg) 0;
  padding-left: var(--spacing-md);
}

.proposal-quote-text {
  margin-top: 0;
  margin-bottom: var(--spacing-xs);
  line-height: 1.6;
}

/* The three predicted outputs are a list in Fin's own post and are reproduced as one, so each sits
   on its own line rather than running together as prose. display:block on a span keeps the text a
   single normalised run for gate group 17 clause 6, which strips tags and collapses whitespace: a
   <ul> here would resolve identically but would claim list semantics the quote's markdown form does
   not carry. */
.proposal-quote-text span {
  display: block;
  padding-left: var(--spacing-md);
}

.proposal-quote-source {
  font-family: var(--font-mono);
  font-size: var(--type-caption);
  color: var(--color-fg-muted);
  margin-top: 0;
  margin-bottom: 0;
}