/* Shared xassistant footer — SINGLE SOURCE. * * Synced verbatim to each site root as /xa-footer.css by sync-footer.mjs, and * linked from every page's . CSP-safe: it is a first-party external * stylesheet (style-src 'self'), so it works under yank's strict CSP with no * inline styles. Theme-adaptive: inherits the page's text colour and uses * opacity / color-mix for muted tones, so the one footer sits cleanly on each * site's own background (yank dark, snapfit/hub light) without per-site CSS. * * Namespaced under .xa-footer so it never collides with each site's existing * .footer / .foot rules. */ .xa-footer { margin-top: 4rem; border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); padding: 2.5rem 0 0; font-size: 0.9rem; line-height: 1.5; } .xa-footer a { color: inherit; text-decoration: none; opacity: 0.8; } .xa-footer a:hover { opacity: 1; text-decoration: underline; } .xa-footer-inner { max-width: 72rem; margin: 0 auto; padding: 0 1.25rem; display: flex; flex-wrap: wrap; gap: 2rem 3rem; } .xa-footer-brand { flex: 1 1 14rem; min-width: 12rem; } .xa-footer-brand strong { font-size: 1.05rem; } .xa-footer-tag { opacity: 0.65; margin: 0.4rem 0 0; max-width: 26rem; } .xa-footer-cols { display: flex; flex-wrap: wrap; gap: 2rem 3rem; } .xa-footer-col { display: flex; flex-direction: column; gap: 0.5rem; min-width: 9rem; } .xa-footer-col h4 { margin: 0 0 0.25rem; font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.55; font-weight: 600; } .xa-footer-base { max-width: 72rem; margin: 1.75rem auto 0; padding: 1.25rem 1.25rem; opacity: 0.55; font-size: 0.82rem; border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent); } @media (max-width: 640px) { .xa-footer-inner { gap: 1.75rem; } }