/* The same footer rules for all three product workspaces. */
.site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  min-height: 32px;
  margin-top: 20px;
  padding: 0;
  color: #7b7486;
  font-size: 12px;
}
.site-footer nav { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.site-footer a { color: #9d3358; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.site-footer .seo-language-links { justify-content: center; gap: 7px 11px; }
.site-footer .footer-related-tools { flex: 1 0 100%; justify-content: center; flex-wrap: wrap; gap: 7px 14px; }
.site-footer .seo-language-links a[aria-current="page"] { color: #332a35; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
html[data-theme="dark"] .site-footer .seo-language-links a[aria-current="page"] { color: #f7eef2; }
@media (max-width: 820px) {
  .site-footer { align-items: flex-start; flex-direction: column; padding: 14px 0 22px; }
  .site-footer nav { justify-content: flex-start; flex-wrap: wrap; gap: 8px 14px; }
  .site-footer .footer-related-tools { justify-content: flex-start; }
}

/* Tool workspaces retain a dark outer surface in both themes. */
html[data-theme="dark"] .site-footer,
body:not(.admin-entry):has(.site-tool-header) .site-footer{color:#bbb4ae}
html[data-theme="dark"] .site-footer a,
body:not(.admin-entry):has(.site-tool-header) .site-footer a{color:#d6bdff}
html[data-theme="dark"] .site-footer a:is(:hover,:focus-visible),
body:not(.admin-entry):has(.site-tool-header) .site-footer a:is(:hover,:focus-visible){color:#fff;text-decoration:underline;text-underline-offset:3px}
html[data-theme="dark"] .site-footer a:focus-visible,
body:not(.admin-entry):has(.site-tool-header) .site-footer a:focus-visible{outline:2px solid #c4a6ff;outline-offset:3px}
body:not(.admin-entry):has(.site-tool-header) .site-footer .seo-language-links a[aria-current="page"]{color:#f7eef2}