/* us.i-x.ai — additive US-specific styles ONLY.
 *
 * Base styling is the shared /assets/styles.css (referenced, never modified).
 * This file is loaded AFTER it on US pages and may only ADD or scope US rules.
 * Do not restyle shared selectors here in a way that would diverge from the
 * shared design system; keep additions US-scoped (body.us-site ... ) or new
 * class names the EU site never uses.
 */

/* Loud, unmissable marker for un-locked copy. Every [COPY PENDING: ...] block
 * renders in this style so no placeholder can be mistaken for final copy or
 * silently ship to production. */
.copy-pending {
  display: block;
  margin: 12px 0;
  padding: 10px 14px;
  border: 2px dashed #b45309;
  border-radius: 4px;
  background: #fff7ed;
  color: #7c2d12;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.2px;
}
@media (prefers-color-scheme: dark) {
  .copy-pending {
    border-color: #f59e0b;
    background: rgba(120, 53, 15, 0.35);
    color: #fed7aa;
  }
}

/* Layout utility classes (US-scoped). These replace inline style="" attributes
 * so the strict US CSP (style-src 'self', no 'unsafe-inline') is not violated.
 * Values match the former inline styles 1:1. */
.measure { max-width: 72ch; }
.mt-8  { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-18 { margin-top: 18px; }
.mt-24 { margin-top: 24px; }
.pt-0  { padding-top: 0; }

/* Long-form legal text (/legal/): keep line length readable without a
 * max-width style on every clause paragraph. Additive, US-scoped. */
.legal-body p,
.legal-body li { max-width: 72ch; }
.legal-body h3 { margin-top: 1.6em; }
.legal-toc a { white-space: nowrap; }

/* US pricing ladder rows: reuse shared card/list styling; this only adds the
 * price emphasis used on /pricing/. */
.us-price {
  font-weight: 700;
  white-space: nowrap;
}
.us-commitment {
  font-weight: 600;
}