/* ============================================================
   WHOLE-BUSINESS SYSTEMS — page styles (staging)
   Page-specific only: problem scatter chips, step-room numeral,
   include tag pills + endorse band + not/for cards, diagram
   closing line. (The Synchronize hero reveal was removed 2026-10-16
   on the owner's verdict — see systems-blueprint/STAGE2-RECORD.md.)
   Ch 02's visual is the owner-approved centerpiece (integrated
   2026-10-16; styles in css/centerpiece.css, driver in
   js/centerpiece.js). It replaced the transplanted homepage
   diagram; the diagram's shared phase2.css/mobileclean.css
   rules were left in those shared files untouched.
   Blueprint: web-ventures-service-pages/systems-blueprint/
   ============================================================ */

/* ---------- carried body copy block (chapters 01 + 04) ---------- */
.sy-body{font-size:17px;line-height:1.65;color:var(--body);max-width:62ch}

/* ---------- Ch 01 · scatter chips (carried labels) ---------- */
.sy-cap{font-family:var(--font-m);font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:14px}
.sy-scatter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.sy-scatter span{font-family:var(--font-m);font-size:11.5px;letter-spacing:.16em;color:var(--muted);border:1px solid var(--line2);border-radius:999px;padding:9px 16px;text-transform:uppercase}
.sy-scatter span i{font-style:normal;color:var(--muted);opacity:.75;margin-left:2px}

/* ---------- Ch 02 · diagram closing line (carried outcome headline) ---------- */
.sy-outcome{margin-top:56px;text-align:center;font-family:var(--font-s);font-style:italic;font-weight:400;font-size:clamp(22px,3vw,30px);color:var(--accent2)}

/* ---------- Ch 03 · step rooms numeral (benchmark room pattern) ---------- */
.sy-num{font-family:var(--font-m);font-size:15px;letter-spacing:.14em;color:var(--accent);padding-top:6px}

/* ---------- Ch 04 · tag pills + endorse band + not/for cards ---------- */
.sy-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.sy-tags span{font-family:var(--font-m);font-size:12px;letter-spacing:.1em;color:var(--body);border:1px solid var(--line2);border-radius:999px;padding:9px 16px}
.sy-endorse{margin-top:44px;background:linear-gradient(180deg,#10141d,#0a0d13);border:1px solid var(--line2);border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.5);padding:30px 32px}
.sy-endorse p{font-size:19px;line-height:1.6;color:var(--body);max-width:68ch}
.sy-endorse p b{color:#fff;font-weight:600}
@media(max-width:640px){.sy-endorse{padding:24px 22px}.sy-endorse p{font-size:17px}}
.sy-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;align-items:start}
@media(max-width:820px){.sy-cards{grid-template-columns:1fr}}
.sy-card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.5);padding:34px 30px}
.sy-card h3{font-size:22px;margin-bottom:16px}
.sy-card p{font-size:16px;line-height:1.65;color:var(--body)}
.sy-card p+p{margin-top:12px}