/* The legal line at the foot of every page: How this is made · Privacy.
   Inherits the footer's color, so it works on cream and navy footers alike. */
.footer-legal { display: block; margin-top: 10px; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }
footer > .footer-legal { margin-top: 14px; }
.footer-legal a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .2s ease; }
.footer-legal a:hover, .footer-legal a:focus-visible { border-bottom-color: currentColor; outline: none; }
.footer-legal .sep { opacity: .6; margin: 0 .5em; }