/* Shared by React layouts and the provider-free static 410 page. */
.site-footer-host { width: 100%; margin-top: auto; }
.site-footer.site-footer { display: block; width: 100%; box-sizing: border-box; padding: 36px max(4%, calc((100% - 1200px) / 2)); border-top: 1px solid var(--v2-border, #e1e5ef); background: var(--v2-panel, #fff); color: var(--v2-muted, #68758c); font: 14px/1.7 Inter, system-ui, sans-serif; }
.site-footer * { box-sizing: border-box; }
.site-footer a { display: inline-flex; align-items: center; min-height: 40px; max-width: 100%; margin: 0; padding: 4px 0; border-radius: 0; background: transparent; color: var(--v2-accent, #df087d); font-size: inherit; font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.site-footer a:hover { text-decoration: underline; }
.site-footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.site-footer .site-footer-brand { gap: 0; color: var(--v2-text, #0d1021); font-size: 23px; font-weight: 800; flex-wrap: wrap; }
.site-footer-brand span { color: var(--v2-accent, #df087d); }
.site-footer-brand small { margin-left: 8px; font-size: 13px; font-weight: 600; }
.site-footer-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 24px 0; }
.site-footer-columns section { min-width: 0; }
.site-footer .site-footer-columns h2 { margin: 0 0 8px; color: var(--v2-text, #0d1021); font: 700 15px/1.5 Inter, system-ui, sans-serif; letter-spacing: normal; }
.site-footer ul { margin: 0; padding: 0; list-style: none; }
.site-footer.site-footer p { max-width: none; margin: 14px 0; font-size: 13px; overflow-wrap: anywhere; }
.site-footer-testnet { color: var(--v2-accent, #df087d); font-weight: 600; }
.site-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-top: 18px; margin-top: 24px; border-top: 1px solid var(--v2-border, #e1e5ef); font-size: 12px; }
.site-footer .site-footer-x { justify-content: center; width: 40px; padding: 8px; }
:root[data-theme=dark] body > .site-footer { --v2-panel: #211b2b; --v2-border: #3e334b; --v2-text: #f8f1fa; --v2-muted: #b9acc6; --v2-accent: #ff66b0; }
@media (max-width: 540px) { .site-footer-columns { grid-template-columns: 1fr; gap: 22px; } .site-footer.site-footer { padding: 28px 20px; } }