/* ============================================================
   About v2 (/about.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 About-page-specific primitives (.ab-*); the buyer-path
   system (hp-hero, hp-section, hp-head, hp-cta, cred-strip,
   staff-card, cap-card, hp-floorline) comes from home-v2.css and the
   not-grid system from workflowos-v2.css.
   Default LIGHT; dark via the existing explicit toggle only.
   ============================================================ */

/* ── Founder / operator credibility ── */
.ab-founder {
  display: grid; grid-template-columns: 0.82fr 1.18fr;
  gap: clamp(20px, 3vw, 44px); align-items: start;
}
@media (max-width: 820px) { .ab-founder { grid-template-columns: 1fr; } }

.ab-id {
  background: var(--wos-surface); border: 1px solid var(--wos-border-strong);
  border-radius: var(--r-lg); padding: clamp(24px, 3vw, 34px);
  box-shadow: var(--wos-shadow-md);
}
.ab-id__mark {
  width: 52px; height: 52px; border-radius: 13px; margin: 0 0 var(--sp-lg);
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--wos-accent-subtle); border: 1px solid var(--wos-border);
  color: var(--wos-accent); font-family: 'Geist', sans-serif; font-weight: 500;
  font-size: 18px; letter-spacing: 0.01em;
}
.ab-id__name {
  font-family: 'Geist', sans-serif; font-weight: 500;
  font-size: clamp(21px, 2.2vw, 25px); letter-spacing: -0.014em;
  color: var(--wos-text-primary); margin: 0 0 5px;
}
.ab-id__role {
  font-family: 'JetBrains Mono', monospace; font-size: 12.5px;
  color: var(--wos-text-tertiary); letter-spacing: 0.01em; margin: 0 0 var(--sp-lg);
}
.ab-pills { display: flex; flex-wrap: wrap; gap: 7px; }
.ab-pill {
  font-size: 11.5px; font-weight: 500; color: var(--wos-text-secondary);
  border: 1px solid var(--wos-border-strong); border-radius: var(--r-pill); padding: 4px 12px;
}

.ab-bio p {
  font-size: clamp(15px, 1.3vw, 17px); line-height: 1.62;
  color: var(--wos-text-secondary); margin: 0 0 var(--sp-md); max-width: 60ch;
}
.ab-bio p:first-child { margin-top: 0; }
.ab-bio strong { color: var(--wos-text-primary); font-weight: 600; }
.ab-bio__list {
  list-style: none; margin: var(--sp-lg) 0 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--sp-2xl);
  border-top: 1px solid var(--wos-border);
}
@media (max-width: 560px) { .ab-bio__list { grid-template-columns: 1fr; } }
.ab-bio__list li {
  position: relative; padding: 13px 0 13px 18px;
  border-bottom: 1px solid var(--wos-border);
  font-size: 14px; font-weight: 500; color: var(--wos-text-primary);
}
.ab-bio__list li::before {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 8px; height: 1.5px; margin-top: -0.75px; background: var(--wos-accent); opacity: 0.7;
}

/* ── Operating beliefs ledger ── */
.ab-creed { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wos-border); }
.ab-creed li {
  display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start;
  padding: 20px 0; border-bottom: 1px solid var(--wos-border);
}
.ab-creed .n {
  flex-shrink: 0; width: 26px; height: 26px; 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;
}
.ab-creed .t {
  font-family: 'Geist', sans-serif; font-weight: 500; font-size: clamp(16px, 1.5vw, 18px);
  letter-spacing: -0.008em; color: var(--wos-text-primary);
}
.ab-creed .s { display: block; font-size: 14px; line-height: 1.55; color: var(--wos-text-secondary); margin-top: 4px; max-width: 70ch; }