/* PATCH: new shared stylesheet for the /proof/ sample pages (deploys to
   website/proof/sample.css). Extends /page.css; external file because the site
   CSP is style-src 'self' (no inline styles). Tokens mirror page.css. */

.wrap { max-width: 52em; }

/* The non-negotiable label. Present at top AND bottom of every sample page. */
.synthetic-banner {
  display: block;
  margin: 0 0 28px;
  padding: 12px 16px;
  border: 1px solid var(--accent);
  border-left-width: 4px;
  border-radius: var(--r-sm);
  background: var(--accent-wash);
  color: var(--ink);
  font-weight: 600;
  font-size: 15px;
}
.synthetic-banner small {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  font-size: 13px;
  color: var(--ink-2);
}

/* Deliverable excerpt blocks */
.excerpt {
  margin: 26px 0;
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  background: var(--sheet);
  overflow: hidden;
}
.excerpt-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 18px;
  background: var(--inset);
  border-bottom: 1px solid var(--line);
}
.excerpt-num {
  flex: none;
  font: 600 12px/1 var(--mono);
  color: var(--accent);
  background: var(--accent-wash);
  border-radius: 7px;
  padding: 6px 8px;
}
.excerpt-head h2 { margin: 0; font-size: 17px; letter-spacing: -.01em; }
.excerpt-head .filename { margin-left: auto; font: 400 11.5px/1 var(--mono); color: var(--ink-3); }
.excerpt-body { padding: 18px; }
.excerpt-body p { margin: 0 0 12px; font-size: 14.5px; }
.excerpt-body p:last-child { margin-bottom: 0; }
.excerpt-body ul { margin: 0 0 12px; font-size: 14.5px; }
.excerpt-body ul:last-child { margin-bottom: 0; }

/* provenance chips (approved record ids, shortened) */
.recid {
  font: 500 11px/1 var(--mono);
  color: var(--ink-3);
  background: var(--inset);
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  padding: 2px 8px;
  white-space: nowrap;
}

/* redaction bars (risk-brief sample) */
.redact {
  display: inline-block;
  min-width: 3.5em;
  border-radius: 3px;
  background: var(--ink-3);
  color: transparent;
  user-select: none;
}

/* quiet caveat rows */
.caveat {
  font-size: 13px;
  color: var(--ink-3);
  border-left: 2px solid var(--line-strong, var(--line));
  padding-left: 12px;
  margin: 18px 0;
}

/* verdict block on the brief sample */
.verdict {
  margin: 0 0 12px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-sm);
  background: var(--accent-wash);
  font-size: 15px;
  color: var(--ink);
}