@layer components {
  .text-mode {
    display: flex;
    flex-direction: column;
    block-size: var(--size-fill);
  }

  .text-mode__footer {
    flex: none;
    padding-block: var(--space-3);
    padding-inline: var(--gutter-fluid);
    border-block-start: var(--border-width) solid var(--color-border);
    background-color: var(--color-bg);
  }
}