/* site.css — self-hosted styles migrated out of inline style="" attributes and
   <style> blocks so the CSP can drop 'unsafe-inline' from style-src. Served
   from 'self', so style-src 'self' covers it. Bump the ?v= query in each
   page's <link> when this file changes (/assets/* is immutable-cached). */

/* --- was: per-page <style> block 1 (global font) --- */
@font-face {
  font-family: "inter-fallback";
  src: local("Arial");
  size-adjust: 96.5%;
  ascent-override: 99%;
  descent-override: 25%;
  line-gap-override: 0%;
}
html {
  font-family: Inter, "inter-fallback", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* --- was: index.html <style> block 2 (vendor marquee) --- */
@keyframes bc-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.bc-marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 3.5rem;
  padding-right: 3.5rem;
  animation: bc-marquee 90s linear infinite;
}
.bc-marquee-track > span {
  color: #6B7280;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .bc-marquee-track { animation-duration: 0s; animation-play-state: paused; }
}

/* --- was: inline style="" attributes --- */
.bc-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.bc-logo-mark { height: 32px; width: 36px; }
.bc-ovx { overflow-x: auto; }
.bc-nowrap { white-space: nowrap; }
.bc-ico-24f { font-size: 24px; font-variation-settings: 'FILL' 1, 'wght' 600; }
.bc-ico-28 { font-size: 28px; }
.bc-ico-22 { font-size: 22px; }

/* index.html "how it compares" bars (static percentages) */
.bc-bar-56 { width: 56%; }
.bc-bar-63 { width: 63%; }
.bc-bar-67 { width: 67%; }
.bc-bar-80 { width: 80%; }
.bc-bar-88 { width: 88%; }
.bc-bar-96 { width: 96%; }
.bc-bar-100 { width: 100%; }