/* BenchSlap public verify demo — layers on notebook.css. CSP-safe (external). */
.tv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:6px}
.tv-area{margin-bottom:8px}
.tv-ghost{background:transparent;color:var(--nb-gold);border:1px solid var(--nb-line-hi)}
.tv-ghost:hover{filter:none;border-color:var(--nb-gold);background:rgba(212,175,55,.06)}
@media(max-width:640px){.tv-grid{grid-template-columns:1fr}}
/* meter + annotated-source + mark styles are shared in /css/grounding-visual.css */

/* "How it works" 3-step strip */
.tv-how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px;padding:0}
.tv-how li{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(180deg,var(--nb-card),var(--nb-up));border:1px solid var(--nb-line);border-radius:11px;padding:13px 14px}
.tv-how-n{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--nb-mono,monospace);font-size:12px;color:#0A0B0E;background:linear-gradient(180deg,var(--nb-gold-hi),var(--nb-gold))}
.tv-how-t{font-size:13.5px;color:var(--nb-text);line-height:1.45}
.tv-how-t b{color:var(--nb-bright)}
@media(max-width:640px){.tv-how{grid-template-columns:1fr}}