/* home.css - home as it opens (board Group-home-c2-00, 2.1): the greeting
   fixed from the top of its column, the results' own space under it, and
   the chat box at the foot of the screen. */

@layer components {
  .home {
    width: 100%;
    max-width: var(--home-width);
    margin: 0 auto;
    padding-top: var(--greeting-top);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--space-3);
    min-height: 0;
  }
  .greeting {
    color: var(--accent-deep);
    font-family: var(--font-display);
    font-size: var(--text-display);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-display);
  }
  .greeting:focus { outline: none; }
  .greeting:focus-visible { outline: var(--focus-ring); }
  .home-results {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }
  .frame:not([data-page="home"]) .home { display: none; }
}