/* Footer legal links (2026-10-15): "Privacy Policy" and "Terms of Use" on the copyright line of every
   page, pointing to legal.html. Same colour as the other footer links, underlined. Each item stays whole
   and the line breaks only between items, so it wraps cleanly on phones. */
.footer .footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.4em;row-gap:2px}
.footer .footer-legal > *{white-space:nowrap}
.footer .footer-legal a{display:inline;margin:0;font-size:inherit;color:#bfc9da;text-decoration:underline;text-underline-offset:2px}
.footer .footer-legal a:hover{color:#fff}
/* Wide screens: keep the copyright and both links on one line; the disclosure paragraph takes the
   narrower space instead. */
.footer .footer-bottom > .footer-legal{flex-shrink:0}
/* While the floating "Ask a question" button is on the page it sits over the bottom-right corner, so
   give the footer room underneath; the links then clear it when scrolled to the bottom. Without the
   button this rule does nothing. */
body:has(.pa-launch) .footer{padding-bottom:88px}
