/* One review document: answers first, the decision next, source records on demand. */
#evidence.story-evidence { background: #eceee5; padding-block: 88px 84px; }
.story-review-heading { align-items: start; gap: 70px; }
.story-review-intro { padding-top: 7px; max-width: 55ch; }
.story-review-intro .proof-lead { font-size: 18px; color: var(--ink); line-height: 1.65; }
.story-review-intro > p + p { margin-top: 19px; font-size: 18px; line-height: 1.65; color: var(--ink); }
/* Subordinate source note stays with the argument, above the sample review. */
#evidence .proof-kicker { color: var(--ink); }
#evidence .story-review-intro strong { font-weight: 600; }
#evidence .proof-question-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 2px; }
#evidence .proof-question-list li { font-size: 18px; font-weight: 600; line-height: 1.4; color: var(--ink); }
#evidence .story-review-intro > p + p { margin-top: 16px; }

/* Four rounded cards. Questions are the card titles. Numbers sit in rows. */
#evidence .proof-evidence-product { margin: 28px 0 0; color: var(--ink); }
#evidence .proof-plate { background: #efece4; border: 1px solid #e3ddd2; border-radius: 28px; overflow: hidden; }
#evidence .proof-plate-bar { display: flex; align-items: center; gap: 18px; padding: 20px 22px 8px; font-size: 13px; letter-spacing: -.01em; }
#evidence .proof-plate-brand { font-family: Bricolage, Arial, sans-serif; font-size: 18px; font-weight: 650; letter-spacing: -.06em; line-height: 1; }
#evidence .proof-plate-brand > span { color: #719651; }
#evidence .proof-plate-note { margin-left: auto; color: #6d756c; }
#evidence .proof-plate-state { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); }
#evidence .proof-plate-state i { width: 7px; height: 7px; border-radius: 50%; background: #c4513a; }
#evidence .proof-board { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 14px; padding: 16px 16px 0; align-items: stretch; }
#evidence .proof-card { min-width: 0; height: 100%; padding: 22px 22px 18px; background: #fff; border-radius: 22px; }
#evidence .proof-title { margin: 0 0 18px; font-family: var(--sans); font-size: 26px; font-weight: 560; letter-spacing: -.03em; line-height: 1.15; color: #1b2823; }
#evidence .proof-changes,
#evidence .proof-metrics { list-style: none; margin: 0; padding: 0; }
#evidence .proof-changes li,
#evidence .proof-metrics li { display: flex; align-items: center; gap: 12px; min-height: 52px; border-top: 1px solid #f0ebe3; font-size: 16px; line-height: 1.3; }
#evidence .proof-changes li { align-items: flex-start; min-height: 0; padding: 12px 0; }
#evidence .proof-changes li:first-child,
#evidence .proof-metrics li:first-child { border-top: 0; }
#evidence .proof-changes i { width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: var(--tick, #24302a); flex: 0 0 auto; }
#evidence .proof-changes .is-added { --tick: #6f9a48; }
#evidence .proof-changes .is-spec { --tick: #6d9444; }
#evidence .proof-changes .is-code { --tick: #c4923e; }
#evidence .proof-changes p { margin: 0; }
#evidence .proof-changes b { display: block; font-weight: 500; font-size: 16px; line-height: 1.35; }
#evidence .proof-changes small { display: block; margin-top: 3px; font-size: 13px; line-height: 1.3; color: #5c675f; }
#evidence .proof-metrics span { flex: 1; min-width: 0; color: #5c675f; }
#evidence .proof-metrics b { margin-left: auto; font-family: var(--serif); font-size: 28px; font-weight: 400; letter-spacing: -.03em; line-height: 1; color: var(--ink); white-space: nowrap; }
#evidence .proof-metrics b small { margin-left: 2px; font-family: var(--sans); font-size: 14px; letter-spacing: 0; color: #5c675f; }
#evidence .proof-metrics .is-empty { margin: 0 -8px; padding: 0 8px; background: #f8efe6; border-radius: 14px; border-top: 0; }
#evidence .proof-metrics .is-empty + li { border-top: 0; }
#evidence .proof-metrics .is-empty b,
#evidence .proof-metrics .is-empty b small { color: #8a341f; }
#evidence .proof-metrics.is-open b { margin-left: 0; min-width: 1.5em; color: #8a341f; }
#evidence .proof-demo { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; min-height: 148px; padding: 18px; border-radius: 16px; background: #1b2823; color: #f4f1ea; }
#evidence .proof-play { width: 52px; height: 52px; border-radius: 50%; background: #f7f4ee; display: grid; place-items: center; }
#evidence .proof-demo p { margin: 0; }
#evidence .proof-demo b { display: block; font-size: 18px; font-weight: 560; letter-spacing: -.02em; }
#evidence .proof-demo span { display: block; margin-top: 6px; font-size: 15px; line-height: 1.4; color: #d7ddd4; }
#evidence .proof-menu { display: flex; align-items: baseline; gap: 8px; margin: 8px 0 0; padding-top: 14px; border-top: 1px solid #f0ebe3; font-size: 15px; }
#evidence .proof-menu strong { font-family: var(--serif); font-size: 28px; font-weight: 400; letter-spacing: -.04em; line-height: 1; }
#evidence .proof-menu em { font-style: normal; color: #5c675f; }
#evidence .proof-note { margin: 8px 0 0; font-size: 15px; line-height: 1.4; color: #5c675f; }
#evidence .proof-count { display: grid; gap: 6px; margin: 0; }
#evidence .proof-count strong { font-family: var(--serif); font-size: 48px; font-weight: 400; letter-spacing: -.045em; line-height: .9; }
#evidence .proof-count span { font-size: 16px; line-height: 1.35; }
#evidence .proof-field { display: grid; grid-template-columns: repeat(5, 12px); gap: 8px; width: max-content; margin-top: 16px; }
#evidence .proof-field i { width: 12px; height: 12px; border-radius: 50%; background: #24302a; }
#evidence .proof-field i.is-gap { background: transparent; box-shadow: inset 0 0 0 1.5px #c4513a; }
#evidence .proof-verdict { margin: 14px 16px 0; padding: 22px 22px 18px; background: #fff; border-radius: 22px; }
#evidence .proof-verdict p { margin: 0; font-size: 15px; color: #5c675f; }
#evidence .proof-verdict strong { display: block; margin-top: 6px; font-family: var(--serif); font-size: clamp(32px, 3vw, 42px); font-weight: 400; letter-spacing: -.04em; line-height: 1.05; }
#evidence .proof-verdict > span { display: block; margin-top: 10px; max-width: 40em; font-size: 16px; line-height: 1.45; }
#evidence .proof-verdict em { display: flex; align-items: center; gap: 8px; margin-top: 14px; font-style: normal; font-size: 15px; }
#evidence .proof-verdict em i { width: 10px; height: 10px; border: 1.5px solid #c4513a; border-radius: 50%; }
#evidence .proof-plate-foot { margin: 14px 22px 18px; font-size: 13px; line-height: 1.4; color: #6d756c; }
@media (max-width: 980px) {
  #evidence .proof-board { grid-template-columns: 1fr; }
  #evidence .proof-title { font-size: 20px; }
}
@media (max-width: 700px) {
  #evidence .proof-plate { border-radius: 20px; }
  #evidence .proof-plate-bar { flex-wrap: wrap; gap: 8px 14px; padding: 16px 14px 4px; }
  #evidence .proof-plate-note { margin-left: 0; }
  #evidence .proof-board { padding: 12px 12px 0; }
  #evidence .proof-card,
  #evidence .proof-verdict { padding: 18px 16px 16px; border-radius: 18px; }
  #evidence .proof-verdict { margin-inline: 12px; }
  #evidence .proof-plate-foot { margin-inline: 16px; }
  #evidence .proof-verdict strong { font-size: 30px; }
  #evidence .proof-metrics b,
  #evidence .proof-menu strong,
  #evidence .proof-count strong { font-size: 26px; }
}