/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  .rui-headline {
    margin: 0px;
    --tw-font-weight: var(--font-weight-semibold, var(--weight-semibold));
    font-weight: var(--font-weight-semibold, var(--weight-semibold));
    color: var(--color-on-background, var(--on-background));
    line-height: var(--leading-compact);
    letter-spacing: -0.02em;
    text-wrap: balance;
  }
  .rui-headline--size-sm {
    font-size: var(--text-xl);
    letter-spacing: -0.015em;
  }
  .rui-headline--size-md {
    font-size: var(--text-3xl);
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .rui-headline--size-lg {
    font-size: var(--text-4xl);
    line-height: 1.15;
    letter-spacing: -0.025em;
  }
  .rui-headline--size-xl {
    font-size: var(--text-5xl);
    line-height: 1.1;
    letter-spacing: -0.03em;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}