/* rules-helper.css — Fase 6.7 tail JS typography migration */

@layer components {
  .rules-helper__title-en {
    color: var(--hd-text-tertiary);
    font-size: var(--hd-text-ui-small);
    font-weight: var(--hd-weight-regular);
  }

  .rules-helper__effects-title {
    color: var(--hd-accent-primary);
    font-size: var(--hd-text-ui-small);
    font-weight: var(--hd-weight-bold);
    margin-bottom: var(--hd-space-1);
  }
}