Body

Put af-body on <body> for a viewport-tall flex column. A direct-child <footer> pins to the bottom.

Leave <body> class-free when overlays append to body (Angular CDK, many toast hosts). For dashboard chrome use App. Footer surface is Footer.

Class reference

Class	Purpose	Example
`af-body`	Document column; pin a direct-child `footer`	`<body class="af-body">`

Page

<body class="af-body">
  <main id="main">…</main>
  <footer class="af-footer">…</footer>
</body>

The preview is a div with af-body. Use the class on the real <body>.