.xk-legal-foot {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 40px));
  margin: var(--space-5) auto 0;
  padding: var(--space-4) 0 var(--space-1);
  border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  font-size: var(--fs-small);
  line-height: 1.65;
  text-align: left;
}
.co-footer > .xk-legal-foot { width: min(1200px, calc(100% - 64px)); }
.xk-legal-foot-links { display: flex; flex-wrap: wrap; gap: 0 var(--space-5); margin: 0 0 var(--space-2); }
.xk-legal-foot .xk-legal-foot-links a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0;
  color: inherit; font-size: var(--fs-body); text-decoration: underline; text-underline-offset: 3px;
}
.xk-legal-foot-links strong { font-weight: 600; }
.xk-legal-foot-biz { margin: 0; color: inherit; }
.xk-legal-foot-biz span + span::before { content: "·"; margin: 0 .45em; }
.xk-legal-foot-biz a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.xk-legal-foot mark.lg-blank,
.xk-legal-notice mark.lg-blank { padding: 0 .25em; border-radius: var(--radius-sm); background: color-mix(in srgb, var(--warn) 22%, var(--ground-hi)); color: var(--palette-ink, var(--surface-inverse)); }

.xk-legal-notice { margin: var(--space-1) 0 var(--text-to-action); font-size: var(--fs-body); line-height: 1.6; color: inherit; }
.xk-legal-notice a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 720px) {
  .co-footer > .xk-legal-foot { width: calc(100% - 40px); }
}
@media (max-width: 359px) {
  .xk-legal-foot, .co-footer > .xk-legal-foot { width: calc(100% - 32px); }
}