/* ============================================================
   Security & Trust v2 (/security.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 security page; shared v2
   components (wp-lede, guard-grid) come from workflowos-v2.css and
   the buyer-path system (hp-hero, hp-section, hp-stays, hp-cta,
   cred-strip, staff-card) from home-v2.css.
   Default LIGHT; dark via the existing explicit toggle only.
   ============================================================ */

/* ── Posture-snapshot hero (intro + "at a glance" card) ── */
.sec-hero__grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(28px,5vw,64px); align-items: center; }
@media (max-width: 900px) { .sec-hero__grid { grid-template-columns: 1fr; } }
.sec-snap {
  background: var(--wos-surface); border: 1px solid var(--wos-border-strong);
  border-radius: var(--r-lg); padding: 8px 22px; box-shadow: var(--wos-shadow-md);
}
.sec-snap__row {
  display: grid; grid-template-columns: auto 1fr; gap: 13px; align-items: start;
  padding: 15px 0; border-bottom: 1px solid var(--wos-border);
}
.sec-snap__row:last-child { border-bottom: none; }
.sec-snap__chk {
  flex-shrink: 0; width: 22px; height: 22px; border-radius: 6px; 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);
}
.sec-snap__chk svg { width: 13px; height: 13px; }
.sec-snap__t { font-family: 'Geist', sans-serif; font-weight: 500; font-size: 14px; color: var(--wos-text-primary); letter-spacing: -0.005em; }
.sec-snap__s { display: block; font-size: 12.5px; line-height: 1.45; color: var(--wos-text-secondary); margin-top: 2px; }

/* ── HIPAA wording callout band ── */
.sec-callout {
  background: var(--wos-accent-subtle); border: 1px solid var(--wos-border);
  border-radius: var(--r-lg); padding: clamp(26px,3.5vw,40px);
  display: grid; grid-template-columns: auto 1fr; gap: clamp(18px,3vw,32px); align-items: start;
}
.sec-callout__mark {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 11px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--wos-canvas); border: 1px solid var(--wos-border); color: var(--wos-accent);
}
.sec-callout__mark svg { width: 23px; height: 23px; }
.sec-callout h2 { font-family: 'Geist', sans-serif; font-weight: 500; font-size: clamp(20px,2.2vw,26px); letter-spacing: -0.014em; color: var(--wos-text-primary); margin: 0 0 10px; }
.sec-callout h2::before { display: none; }
.sec-callout p { font-size: 15px; line-height: 1.6; color: var(--wos-text-secondary); margin: 0 0 10px; max-width: 70ch; }
.sec-callout p:last-child { margin-bottom: 0; }
.sec-callout strong { color: var(--wos-text-primary); font-weight: 600; }
@media (max-width: 620px) { .sec-callout { grid-template-columns: 1fr; } }

/* ── Practice ledger (reuses .staff-card from home-v2.css) ── */
.sec-practice { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-md); }
@media (max-width: 760px) { .sec-practice { grid-template-columns: 1fr; } }