/* tripwire page — reuses styles.css + purse.css + blackbox.css.
   Only the scan-report instrument and the triad are defined here. */

:root{
  --tw-bg:#16130F; --tw-panel:#1C1915; --tw-line:#2E2A24;
  --tw-ink:#EDE8DF; --tw-dim:#8B857A; --tw-ok:#43B980; --tw-flag:#FF531F;
}

/* ---------- the scan report instrument ---------- */
.tw{background:var(--tw-bg);border:2px solid var(--ink);box-shadow:0 2px 40px rgba(14,14,14,.16);margin-top:8px}
.tw-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#100E0B;border-bottom:1px solid var(--tw-line)}
.tw-dot{width:10px;height:10px;border-radius:50%;background:#38342C}
.tw-title{margin-left:8px;font-family:var(--mono);font-size:12.5px;color:#9A9488;letter-spacing:.04em}
.tw-panel{padding:22px}
.tw-readout{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--tw-line);background:var(--tw-panel)}
.tw-led{width:11px;height:11px;border-radius:50%;flex:none;background:var(--tw-flag);box-shadow:0 0 12px 1px rgba(255,83,31,.55)}
.tw-verdict{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--tw-flag)}
.tw-count{font-family:var(--mono);font-size:12.5px;color:var(--tw-dim);letter-spacing:.02em}
.tw-lines{margin-top:14px;font-family:var(--mono);font-size:13.5px;line-height:1.85;color:var(--tw-ink)}
.tw-ln{display:flex;gap:10px;padding:3px 4px}
.tw-ln .g{color:var(--tw-ok);flex:none}
.tw-ln.flag{background:rgba(255,83,31,.09);color:#F6C9B8}
.tw-ln.flag .g{color:var(--tw-flag)}
.tw-ln.flag b{color:var(--tw-flag);font-weight:700}
.tw-ln .dim{color:var(--tw-dim)}

/* ---------- the triad ---------- */
.triad-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--faint);border:1px solid var(--faint);margin-top:8px}
.triad-side{background:var(--paper);padding:28px 26px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:background .16s ease}
.triad-side:hover{background:var(--surface)}
.triad-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}
.triad-name{font-family:var(--serif);font-size:30px;line-height:1;margin-top:10px}
.triad-body{margin-top:12px;font-size:15px;line-height:1.55;color:#3a3a3a}
.triad-go{margin-top:18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.triad-here .triad-go{color:var(--muted)}
.triad-side.triad-here{background:var(--surface)}
.triad-line{margin-top:26px;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.4;color:#4a4a4a;max-width:70ch}
@media (max-width:820px){.triad-grid{grid-template-columns:1fr}.tw-lines{font-size:12px}}