/* ============================================================
   bargiel.AI — Proof (03) approved layout (data-proof3="cv").
   Image on top + media copy (domain + challenge + quote), and the bottom
   of the box is the CV outcome block (big indigo stat + metric chips), on a
   LIGHT card. Same-template cards align row-for-row via CSS subgrid
   (brand-updates.md §8).
   ============================================================ */

.proof-proj{display:none}            /* project name unused */
.proof-metrics{display:none}
.proof-metrics .ocs-chip{font-family:var(--fm);font-size:11px;letter-spacing:0.02em;color:var(--mu);line-height:1.5}
.proof-metrics .ocs-chip b{font-family:var(--fd);font-weight:700;font-size:0.98rem;color:var(--tx);letter-spacing:-0.01em;margin-right:3px}

/* keep media top, CV outcome at the bottom */
body[data-proof3="cv"] .proof{
  grid-template-rows:none;grid-row:auto;overflow:hidden;
  display:grid;grid-template-columns:1fr;gap:0;background:var(--paper2);
}
/* spacing so text never touches a divider line */
body[data-proof3="cv"] .proof-challenge{padding-bottom:20px;padding-top:22px}
/* no divider between challenge and quote */
body[data-proof3="cv"] .proof-quote{border-top:none;padding-top:4px;padding-bottom:22px}

/* metric chips */
body[data-proof3="cv"] .proof-metrics{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;
  margin:14px clamp(26px,3vw,34px) clamp(24px,3vw,32px);padding-top:14px;border-top:1px solid var(--line);
}

/* bottom of the box → CV outcome (big indigo stat + label) */
body[data-proof3="cv"] .proof-band{
  background:none;border-radius:0;border-top:1px solid var(--line);
  margin:8px clamp(26px,3vw,34px) 0;padding:20px 0 0;
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
}
body[data-proof3="cv"] .proof-big{
  font-family:var(--fd);font-weight:700;font-size:clamp(2.4rem,4.5vw,3.1rem);line-height:1;
  letter-spacing:-0.03em;font-variant-numeric:tabular-nums;color:var(--pri);
}
body[data-proof3="cv"] .proof-cap{font-size:0.96rem;line-height:1.35;max-width:30ch;color:var(--tx-soft)}

/* grid + subgrid alignment */
body[data-proof3="cv"] .proof-grid{grid-template-columns:1fr;gap:16px;grid-template-rows:none}
@media(min-width:760px){
  body[data-proof3="cv"] .proof-grid{
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(2, auto auto 1fr auto auto auto);
  }
  body[data-proof3="cv"] .proof{grid-template-rows:subgrid;grid-row:span 6;row-gap:0}
}

@media (prefers-color-scheme: dark){
  body[data-proof3="cv"] .proof-big{color:#A5B4FC}
}