/* ==========================================================================
   footer.css  --  B12 footer alignment.
   Agent E3.  Created 2026-06-12.

   Mr Z: "the A touching the edge" -- the footer's first link ("About") sat at
   column 0.  On ELDER pages the included <footer> is unstyled (those pages load
   elder.css, not header.php's inline CSS), so it had no padding.  This file is
   linked from includes/footer.php so it applies on EVERY page: a 15px gutter so
   no character touches the viewport edge (RULE 36), and the block is centered
   in its column.  Holds on phone too.
   ========================================================================== */
footer {
    box-sizing: border-box;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center;
}
/* Center each footer row/block within a comfortable column. */
footer > div,
footer #legal-disclaimer {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

/* Elder footer bar + disclaimer also keep the 15px gutter. */
.elder-footer-bar { padding-left: 15px !important; padding-right: 15px !important; }
.elder-disclaimer { padding-left: 15px; padding-right: 15px; }

@media (max-width: 700px) {
    footer { padding-left: 15px !important; padding-right: 15px !important; }
    footer > div { line-height: 1.9; }   /* wrapped links breathe */
}