/* ------------------------------------------------------------------
   Shared footer behavior, loaded last so it wins over each page's
   own footer rules. Colors still come from the page stylesheet; this
   only handles layout and the legal-links treatment.
   ------------------------------------------------------------------ */

/* Link row may wrap; legal links read as a same-size, underlined
   extension of the copyright line. */
footer .fl{flex-wrap:wrap}
footer .copy a{font-size:inherit; color:inherit; margin-left:0;
  text-decoration:underline; text-underline-offset:2px}
footer .copy a:hover{opacity:.7}

/* Mobile: page links always on top, copyright below, and the legal
   links drop to their own line under the copyright. */
@media(max-width:600px){
  footer .wrap{flex-direction:column; align-items:flex-start}
  footer .fl{order:1}
  footer .copy{order:2; flex-basis:auto}
  footer .copy .legal{display:block; margin-top:5px}
  footer .copy .legal .sep{display:none}
}