/* The section rung's anatomy one step down, so every altitude has one shape. */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-subsection-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    gap: var(--lotics-space-8);
  }

  /* The title's floor before the trailing slot wraps; without it the title breaks one word per line beside
     an untouched verb. The section rung's read floor, or half a row narrower than two of them. */
  .lotics-subsection-heading__title {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 0%;
    min-width: min(var(--lotics-value-min-width), 50%);
    gap: var(--lotics-space-4);
  }

  .lotics-subsection-heading__title-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    gap: var(--lotics-space-4);
  }
}