/* ============================================================
   For Vendors v2 (/for-vendors.html)
   ------------------------------------------------------------
   Link AFTER styles.css + theme.css + home-redesign.css + home-v2.css
   + workflowos-v2.css. Token-only (Phase-3 --wos-* / :root). Holds
   ONLY the components specific to the For Vendors page; shared v2
   components (not-grid, dep-card) come from workflowos-v2.css and the
   buyer-path system (hp-hero, hp-section, hp-stays, hp-cta, cred-strip,
   staff-card, cap-card, pilot-col) from home-v2.css.
   Default LIGHT; dark via the existing explicit toggle only.
   ============================================================ */

/* ── Outreach checklist (what to include when reaching out) ── */
.fv-check { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wos-border); }
.fv-check li {
  display: grid; grid-template-columns: auto 1fr; gap: 15px; align-items: start;
  padding: 15px 0; border-bottom: 1px solid var(--wos-border);
}
.fv-check .n {
  flex-shrink: 0; width: 25px; height: 25px; border-radius: 7px; margin-top: 1px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--wos-accent-subtle); color: var(--wos-accent); border: 1px solid var(--wos-border);
  font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 500;
}
.fv-check .t {
  font-family: 'Geist', sans-serif; font-weight: 500; font-size: 15px;
  letter-spacing: -0.006em; color: var(--wos-text-primary);
}
.fv-check .s { display: block; font-size: 13.5px; line-height: 1.5; color: var(--wos-text-secondary); margin-top: 3px; max-width: 64ch; }

/* ── Security / compliance posture band ── */
.fv-callout {
  background: var(--wos-accent-subtle); border: 1px solid var(--wos-border);
  border-radius: var(--r-lg); padding: clamp(24px, 3.2vw, 38px);
  display: grid; grid-template-columns: auto 1fr; gap: clamp(18px, 3vw, 30px); align-items: start;
}
.fv-callout__mark {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 11px; margin-top: 2px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--wos-canvas); border: 1px solid var(--wos-border); color: var(--wos-accent);
}
.fv-callout__mark svg { width: 23px; height: 23px; }
.fv-callout h2 {
  font-family: 'Geist', sans-serif; font-weight: 500;
  font-size: clamp(19px, 2.1vw, 24px); letter-spacing: -0.014em;
  color: var(--wos-text-primary); margin: 0 0 10px;
}
.fv-callout h2::before { display: none; }
.fv-callout p { font-size: 14.5px; line-height: 1.6; color: var(--wos-text-secondary); margin: 0 0 12px; max-width: 78ch; }
.fv-callout p:last-of-type { margin-bottom: 0; }
.fv-callout strong { color: var(--wos-text-primary); font-weight: 600; }
.fv-callout__link {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 14px;
  font-family: 'Geist', sans-serif; font-weight: 500; font-size: 14px;
  color: var(--wos-accent); text-decoration: none;
}
.fv-callout__link::after { content: "\2192"; }
@media (max-width: 620px) { .fv-callout { grid-template-columns: 1fr; } }

/* ── Full-width boundary card (reuses pilot-col--out treatment) ── */
.fv-bound { max-width: none; }
.fv-bound .pilot-list li::before { background: var(--wos-urgent); opacity: 0.85; }