/* The legal links (2026-10-12): Privacy, Terms and Support on their own row of every designed footer (the homepage,
   the industry pages, the letter, the feedback form and the plain pages). Kept apart from new-home.css, which the
   sample report's slides are drawn from. The pages server.js builds itself carry the same links styled inline
   (publicVerticalPage.js legalFooterBlock). */
.footer-legal { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 24px; }
.footer-legal a {
  display: inline-block;
  padding: 6px 0;
  font-family: var(--sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--white, #FFFFFF);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.footer-legal a:hover { text-decoration-thickness: 2px; }
.footer-legal a:focus-visible { outline: 2px solid var(--white, #FFFFFF); outline-offset: 2px; }