/* site/css/proof.css — the Proof chapter (root #proof): the SAQR results board in native SVG, the evidence cards.
   Owner: lane L3 (phase 2, wave 2). Tokens only; SVG colours are classes, so a theme change recolours in place.
   .vh is the site's visually-hidden utility (used by the charts' tables here and by the labs). */
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---- results board ---- */
#proof .pf-board{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){#proof .pf-board{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto}
  #proof .pf-det{grid-row:1/3}}
#proof .pf-card{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
#proof .pf-card .meta{margin-bottom:6px}
#proof .pf-note{margin-top:auto;padding-top:10px;font-size:13px;line-height:1.6;color:var(--faint)}

/* detection columns (runtime SVG) */
#proof .pf-chart{aspect-ratio:560/250;width:100%}
#proof .pf-svg{display:block;width:100%;height:auto;overflow:visible}
#proof .pf-grid{stroke:var(--hair2);stroke-width:1}
#proof .pf-axis{font-family:var(--f-mono);font-size:11px;fill:var(--faint)}
#proof .pf-col-v{fill:var(--panel2);stroke:var(--hair2);stroke-width:1;transition:fill .3s}
#proof .pf-col.is-saqr .pf-col-v{fill:var(--gold);stroke:none}
#proof .pf-col-n{font-family:var(--f-head);font-weight:800;font-size:19px;fill:var(--ink);letter-spacing:-.02em}
#proof .pf-col-l{font-family:var(--f-body);font-size:11.5px;fill:var(--dim)}
#proof .pf-col.is-saqr .pf-col-l{fill:var(--ink)}
html[lang="ar"] #proof .pf-col-l{font-size:12.5px}

/* integrity rings */
#proof .pf-rings{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;padding:6px 0 2px}
#proof .pf-ring-box{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
#proof .pf-ring{width:100%;max-width:150px;height:auto;display:block}
#proof .pf-ring-base .pf-ring{max-width:112px}
#proof .pf-ring-bg{fill:none;stroke:var(--hair2);stroke-width:8}
#proof .pf-ring-v{fill:none;stroke-width:8;stroke-linecap:round}
#proof .pf-ring.is-saqr .pf-ring-v{stroke:var(--gold)}
#proof .pf-ring.is-base .pf-ring-v{stroke:var(--faint)}
#proof .pf-ring-n{font-family:var(--f-head);font-weight:800;font-size:30px;fill:var(--ink);letter-spacing:-.03em}
#proof .pf-ring-base .pf-ring-n{font-size:24px;fill:var(--dim)}
#proof .pf-ring-l{font-size:12.5px;color:var(--dim);text-align:center;line-height:1.35}
#proof .pf-ring-saqr .pf-ring-l{color:var(--ink)}

/* false-alert bars */
#proof .pf-bars{display:grid;gap:10px;padding-top:4px}
#proof .pf-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) 3.4em;align-items:center;gap:10px;font-size:13px}
#proof .pf-row-l{color:var(--dim);line-height:1.35}
#proof .pf-bar{display:block;width:100%;height:10px}
#proof .pf-bar-bg{fill:var(--panel2)}
#proof .pf-bar-v{fill:var(--terra)}
#proof .pf-bar-v.zero{fill:var(--green)}
#proof .pf-row-v{font-size:18px;color:var(--ink);text-align:end;line-height:1}
#proof .pf-row-v.zero{color:var(--green)}

/* note + evidence strip */
#proof #saqrNote{margin-top:22px;font-size:13.5px;color:var(--dim);max-width:78ch}
#proof .pf-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#proof .pf-chip{display:inline-flex;align-items:baseline;gap:7px;padding:7px 12px;border:1px solid var(--hair2);border-radius:99px;background:var(--chip-bg);text-decoration:none;color:var(--dim);font-size:12.5px;line-height:1.2;transition:border-color .2s,color .2s}
#proof .pf-chip b{font-size:15px;color:var(--ink)}
#proof .pf-chip:hover{border-color:var(--gold);color:var(--ink)}

/* ---- evidence cards ---- */
#proof .ev{display:flex;flex-direction:column;gap:4px}
#proof .ev-n{display:block;font-size:34px;color:var(--gold-t);line-height:1.1;margin-top:2px}
#proof .ev-t{display:block;font-size:14px;color:var(--ink)}
#proof .ev-btn{align-self:flex-start;margin-top:10px;font:inherit;font-size:12.5px;padding:6px 0;background:none;border:0;color:var(--gold-t);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
#proof .ev-btn::after{content:"+";font-family:var(--f-mono);color:var(--faint)}
#proof .ev-btn[aria-expanded="true"]::after{content:"−"}
#proof .ev-btn:hover{text-decoration:underline}
#proof .evd[hidden]{display:none}
#proof .evd p{margin:8px 0 0;font-size:13.5px;color:var(--dim)}
#proof .evd .ev-link{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-t);text-decoration:none}
#proof .evd .ev-link:hover{text-decoration:underline}

@media (max-width:700px){
  #proof .pf-card{padding:18px}
  #proof .pf-col-n{font-size:17px}
  #proof .pf-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 3em;font-size:12.5px}
  #proof #saqrNote{font-size:12.5px}
}