/* ══════════════════════════════════════════════════════════════
   XceedCulture: additions on top of styles.css, talpro.css and
   product.css (all generated in violet by tools/build-sites.mjs).
   Put anything XceedCulture-specific here, never in them.
   ══════════════════════════════════════════════════════════════ */

/* Hero: the Culture Health screen, Say and Do always shown together (design doc D-02).
   The gap is neutral, never green or red: a positive gap is not good news (D-08). */
.xc-card{position:relative;max-width:390px;margin:0 auto;background:#fff;border-radius:26px;padding:22px;box-shadow:var(--sh-xl)}
.xc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.xc-logo{height:24px;width:auto}
.xc-kicker{font-size:12px;font-weight:700;color:var(--muted)}
.xc-index{display:flex;align-items:center;gap:14px;background:var(--bg-peachtint);border-radius:16px;padding:12px 14px;margin-bottom:6px}
.xc-index>b{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--orange-deep);line-height:1}
.xc-lbl{display:block;font-size:14px;font-weight:800;color:var(--ink)}
.xc-note{display:block;font-size:12px;color:var(--muted);font-weight:600}
.xc-pillar{padding:10px 0 4px;border-bottom:1px solid var(--line-2)}
.xc-ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.xc-ph b{font-size:13.5px;color:var(--ink)}
.xc-ph em{font-style:normal;font-size:11.5px;font-weight:800;color:#334155;background:#E2E8F0;border-radius:99px;padding:3px 8px}
.xc-bar{display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:8px;margin-bottom:5px;font-size:11.5px;font-weight:700;color:var(--muted)}
.xc-bar b{font-size:12px;color:var(--ink);text-align:right}
.xc-bar i{display:block;height:7px;border-radius:99px;background:var(--line-2);position:relative;overflow:hidden}
.xc-bar i::after{content:"";position:absolute;inset:0 auto 0 0;border-radius:99px}
.xc-say::after{background:var(--grad-warm)}
.xc-do::after{background:#64748B}
.w74::after{width:74%}.w51::after{width:51%}.w70::after{width:70%}.w66::after{width:66%}.w72::after{width:72%}.w58::after{width:58%}
.xc-fine{text-align:center;font-size:11.5px;color:var(--muted);margin-top:12px}

/* Pillars list: name on its own line */
.xc-pillars li span b{display:block;color:var(--ink)}
.xc-pillars li span{font-weight:500;color:var(--muted);font-size:13.5px;line-height:1.5}
.xc-pillars li span b{font-size:14.5px;margin-bottom:2px}

/* Headline: "Culture you can act on," always on its own first line (CEO, 27 Oct 2026) */
.xc-l1{display:block}
@media (min-width:600px){.xc-l1{white-space:nowrap}}