/* Use one spacing rhythm for every contact/address row. Typography lives in design-system.css. */
html body .site-footer .ks-footer-contact { --ks-contact-gap: 10px; margin-block-start: 22px; min-width: 0; }
html body .site-footer .ks-footer-contact-links { display: grid; gap: var(--ks-contact-gap); }
html body .site-footer .ks-footer-contact-links a {
    display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center;
    gap: 10px; margin: 0; padding: 0; color: inherit; min-width: 0; text-decoration: none;
}
html body .site-footer .ks-footer-contact-links a:hover bdi { text-decoration: underline; text-underline-offset: 3px; }
html body .site-footer .ks-footer-contact-links a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
html body .site-footer .ks-footer-contact-links svg { width: 18px; height: 18px; display: block; }
html body .site-footer .ks-footer-contact-links bdi { overflow-wrap: anywhere; min-width: 0; }
html body .site-footer .ks-footer-address { display: grid; gap: var(--ks-contact-gap); margin-block-start: 24px; }
html body .site-footer .ks-footer-address h3,
html body .site-footer .ks-footer-address address,
html body .site-footer .ks-footer-address p { padding: 0; margin: 0; color: inherit; }
html body .site-footer .ks-footer-address address { display: grid; gap: var(--ks-contact-gap); }
html body .site-footer .ks-footer-address h3 {
    display: grid; grid-template-columns: 20px minmax(0, 1fr);
    align-items: start; gap: 10px; min-width: 0;
}
html body .site-footer .ks-footer-address h3 > svg {
    width: 18px; height: 18px; display: block; margin-block-start: 2px;
    color: var(--gold); fill: none; stroke: currentColor;
}
html body .site-footer .ks-footer-address-row,
html body .site-footer .ks-footer-address .ks-footer-registration { padding-inline-start: 30px; min-width: 0; }
html body .site-footer .ks-footer-contact .footer-social { margin-block-start: 24px; }
html body #ks-contact-about .ks-address-country { display: block; }

/* Contact/About own their inner .container widths. The generic #page-view > *
   cap must not constrain the full-page wrapper while its margin reset pins it left. */
html body #page-view.ks-contact-about-page > #ks-contact-about {
    width: 100%; max-width: none; margin-inline: auto;
}