/*
 * /how-it-works page utility classes.
 *
 * Scan #36 follow-up (BZR-F11AF955 on /how-it-works): the 12 unique
 * `style="..."` patterns on this page are extracted here so the route
 * can drop `style-src 'unsafe-inline'` from its CSP.
 *
 * Same pattern as docs.css for /docs-info.
 */

:root {
  --font-display: "Inter", sans-serif;
}

.hiw-flex { display: flex; }
.hiw-inline-flex { display: inline-flex; }
.hiw-justify-center { justify-content: center; }

.hiw-tag { font-size: 0.8rem; }
.hiw-lede { font-size: 1.15rem; }
.hiw-width-200 { width: 200px; }
.hiw-relative-z1 { position: relative; z-index: 1; }

.hiw-pad-bottom-60 { padding-bottom: 60px; }
.hiw-pad-y-section {
  padding-top: 20px;
  padding-bottom: 80px;
}

.hiw-narrow {
  max-width: 700px;
  margin: 0 auto;
}
.hiw-narrow-720 {
  max-width: 720px;
  margin: 0 auto;
}

.hiw-cta-row {
  margin-top: 28px;
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}