/* EU site (i-x.ai) utility classes.
 *
 * EU-ONLY: loaded by scripts/build.py head() AFTER styles.css, and copied to
 * public/assets/eu.css. It is NOT copied or referenced by the US build
 * (scripts/build_us.py), so US output is unaffected.
 *
 * Purpose: replace the inline style="" attributes on the EU pages so the strict
 * CSP (style-src 'self', no 'unsafe-inline') is not violated. Values match the
 * former inline styles 1:1. Loaded after styles.css so equal-specificity ties
 * (e.g. font-size) resolve to these; margins beat the generic `p` rule on
 * specificity (class 0,1,0 > element 0,0,1). Redundant max-width:72ch on
 * `.section p` is deleted at source (already covered by styles.css .section p).
 */
.measure { max-width: 72ch; }

.mt-16 { margin-top: 16px; }
.mt-18 { margin-top: 18px; }
.mt-24 { margin-top: 24px; }
.mt-28 { margin-top: 28px; }
.mt-32 { margin-top: 32px; }
.mt-40 { margin-top: 40px; }
.mt-48 { margin-top: 48px; }

.pt-0  { padding-top: 0; }
.my-32 { margin: 32px 0; }

.col-span-2 { grid-column: span 2; }

.fs-11 { font-size: 1.1rem; }

/* Hero standards line (home): small, soft, own bottom margin. */
.note-soft { font-size: 0.95rem; color: var(--ink-soft); margin: 0 0 1.6em; }

/* Regional switcher (footer bottom bar). Compact inline control: the current
 * region is a non-link (.current, aria-current); the other region links to the
 * other IX subdomain home. Mirrors the header .lang-switch idiom, retinted for
 * the dark footer (anchor color + red-underline hover come from .site-footer a).
 * DUPLICATED VERBATIM in src/styles/us.css so both sites render identically
 * without touching the shared styles.css. Keep the two blocks byte-identical. */
.region-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: 0.85rem;
  line-height: 1.5;
}
.region-switch .region-label {
  color: var(--footer-muted);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  font-weight: 700;
  margin-right: 8px;         /* deliberate space after the "Region:" label */
}
.region-switch .current {
  color: var(--footer-strong);
  font-weight: 700;
  padding: 2px 0;
}
.region-switch .sep {
  color: var(--footer-muted);
  font-weight: 400;
  margin: 0 8px;             /* deliberate horizontal spacing around the slash */
}
.region-switch a {
  padding: 2px 0;
}