/* ====================================
   PUBLIC APP LAYOUT
   ==================================== */

/* IMPORTANT: never style the bare `header` element here. Public pages use
   <header> tags inside <article>, <section>, and section heads, and a bare
   `header { background: navy; position: fixed }` rule (which used to live
   here) painted every nested <header> as a dark navy bar. The public top
   navbar is styled in section/header.css via its `.app-header` class. */

/* The public navbar uses Bootstrap's `sticky-top` (in document flow), so the
   page content sits flush beneath it — no compensating top padding needed. */
#app-content {
    min-height: 100vh;
}