/* RuleGrid brand — shared across rulegrid.io pages */

.brand-wordmark {
  display: inline-block;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  line-height: 1;
  text-decoration: none;
}

.brand-wordmark__text {
  display: block;
  font-weight: 600;
  color: #0E2C7E;
  line-height: 1;
}

.brand-wordmark--dark .brand-wordmark__text {
  color: #FFFFFF;
}

.brand-wordmark__bars {
  display: flex;
  width: 100%;
}

.brand-wordmark__bars > span {
  flex: 1;
  display: block;
}

.brand-wordmark__bars > span:nth-child(1) { background: #DC2626; }
.brand-wordmark__bars > span:nth-child(2) { background: #8B94A8; }
.brand-wordmark__bars > span:nth-child(3) { background: #22C55E; }

/* ── Size: sm (nav) — 20px text ───────────────────────── */
.brand-wordmark--sm .brand-wordmark__text {
  font-size: 20px;
  letter-spacing: -0.8px;
}
.brand-wordmark--sm .brand-wordmark__bars {
  gap: 2px;
  margin-top: 3px;
}
.brand-wordmark--sm .brand-wordmark__bars > span {
  height: 3px;
  border-radius: 1px;
}

/* ── Size: md (section) — 28px text ───────────────────── */
.brand-wordmark--md .brand-wordmark__text {
  font-size: 28px;
  letter-spacing: -1px;
}
.brand-wordmark--md .brand-wordmark__bars {
  gap: 3px;
  margin-top: 4px;
}
.brand-wordmark--md .brand-wordmark__bars > span {
  height: 4px;
  border-radius: 1px;
}

/* ── Size: lg (hero) — 48px text ──────────────────────── */
.brand-wordmark--lg .brand-wordmark__text {
  font-size: 48px;
  letter-spacing: -1.5px;
}
.brand-wordmark--lg .brand-wordmark__bars {
  gap: 4px;
  margin-top: 8px;
}
.brand-wordmark--lg .brand-wordmark__bars > span {
  height: 7px;
  border-radius: 1.5px;
}

/* ── Size: xl (landing hero) — 72px text ──────────────── */
.brand-wordmark--xl .brand-wordmark__text {
  font-size: 72px;
  letter-spacing: -2.5px;
}
.brand-wordmark--xl .brand-wordmark__bars {
  gap: 6px;
  margin-top: 12px;
}
.brand-wordmark--xl .brand-wordmark__bars > span {
  height: 10px;
  border-radius: 2.5px;
}