/* The legal footer shared by the homepage and the static pages (privacy,
   terms, support, legal, security, trust, cookies, privacy-choices). Its
   markup sits between `<!-- legal footer -->` markers and is identical on
   every page; test/phase21-legal.js holds that. Colours inherit, so it works
   on the dark homepage and on the light/dark legal pages alike. */
.tf-foot-wrap { max-width: 760px; margin: 0 auto; padding: 22px 16px 32px; }
.tf-foot { font-size: .92rem; line-height: 1.5; }
.tf-foot-links { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0 0 14px; }
.tf-foot a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.tf-foot a:hover { opacity: .8; }
.tf-foot-choices { display: inline-flex; align-items: center; gap: 8px; }
.tf-foot-choices svg { width: 30px; height: 14px; flex: none; }
.tf-foot-copy { margin: 0; opacity: .8; }