/* Footer: wordmark, one line, four links, the small tagline, copyright. Dark navy plate.
   API: <footer class="db-footer db-deep"> <nav class="db-footer__links"> */
.db-footer__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--db-s5);padding-bottom:var(--db-s6);border-bottom:var(--db-border)}
.db-footer__brand{display:flex;align-items:center;gap:var(--db-s3)}
.db-footer__logo{height:28px;width:auto}
.db-footer__tagline-top{color:var(--fg-muted);font-size:var(--db-fs-small);margin:0}

.db-footer__links{display:flex;flex-wrap:wrap;gap:var(--db-s5);list-style:none;margin:0;padding:0}
.db-footer__links a{text-decoration:none;color:var(--fg);font-weight:600;font-size:var(--db-fs-small)}
.db-footer__links a:hover{color:var(--db-gold)}

.db-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--db-s2);
  padding-top:var(--db-s5);color:var(--fg-muted);font-size:.85rem}