/* One footer look on every public page (2026-09-25) = the Learn the Basics footer.
   Loaded LAST so it beats page-level footer styles (homepage inline CSS, legal pages' compact footer). */
#site-footer { padding: 64px 0 32px !important; background: #0A0E16 !important; border-top: 1px solid rgba(255,255,255,0.06) !important; margin-top: 0 !important; }
#site-footer .footer-grid { display: grid !important; column-gap: 32px !important; row-gap: 32px !important; padding-bottom: 40px !important; margin-bottom: 0 !important; align-items: start !important; }
#site-footer .footer-brand { display: flex !important; flex-direction: column !important; }
#site-footer .footer-brandmark span { font-family: "Space Grotesk", Inter, sans-serif !important; font-size: 19.84px !important; font-weight: 750 !important; }
#site-footer .footer-tagline { font-size: 15px !important; line-height: 24px !important; margin: 15px 0 !important; color: #94A3B8 !important; max-width: none !important; }
#site-footer .footer-email { font-size: 14px !important; color: #94A3B8 !important; margin-top: 4px !important; display: block !important; }
#site-footer .footer-heading { font-family: "Space Grotesk", Inter, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 1.56px !important; margin: 0 0 8px !important; color: #FFFFFF !important; }
#site-footer .footer-links-list { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
#site-footer .footer-links-list li { margin: 0 !important; line-height: 24px !important; }
#site-footer .footer-link { display: inline-block !important; font-family: Inter, system-ui, sans-serif !important; font-size: 15px !important; line-height: 24px !important; color: #94A3B8 !important; font-weight: 400 !important; }
#site-footer .footer-link:hover { color: #F1F5F9 !important; }
#site-footer .footer-bottom { display: flex !important; justify-content: space-between !important; align-items: center !important; padding-top: 24px !important; border-top: 1px solid rgba(255,255,255,0.06) !important; margin-top: 0 !important; gap: 16px !important; flex-wrap: wrap !important; }
/* Social icons: no circles, bigger glyphs (Joe 09-25). */
#site-footer .footer-social-row { gap: 20px !important; }
#site-footer .footer-social-btn { width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: none !important; padding: 0 !important; transition: color .15s ease; }
#site-footer .footer-social-btn svg { width: 24px !important; height: 24px !important; }
#site-footer .footer-social-btn:hover { color: #F1F5F9 !important; }
#site-footer .pp-results-disclaimer { font-size: 12px !important; color: #94A3B8 !important; margin-top: 14px !important; }
/* Desktop = the pre-unification homepage layout (Joe 09-25: "spread it out, move it all in"):
   120px top, 72px sides, brand 360px, columns spread edge to edge. */
@media (min-width: 901px) {
  #site-footer { padding: clamp(80px, 10vw, 120px) 0 40px !important; }
  #site-footer .footer-wrap { max-width: 1440px !important; width: 100% !important; margin: 0 auto !important; padding: 0 clamp(32px, 5vw, 80px) !important; box-sizing: border-box !important; }
  #site-footer .footer-grid { display: flex !important; justify-content: space-between !important; gap: clamp(40px, 6vw, 100px) !important; padding-bottom: 56px !important; }
  #site-footer .footer-brand { width: 360px !important; max-width: 360px !important; flex-shrink: 0 !important; }
  #site-footer .footer-tagline { max-width: 31ch !important; }
  #site-footer .footer-col { flex: 0 0 180px !important; width: 180px !important; min-width: 0 !important; }  /* equal widths = evenly spaced column starts */
  #site-footer .footer-link { white-space: nowrap !important; }
  #site-footer .footer-links-list { gap: 12px !important; }
  #site-footer .footer-bottom { padding-top: 36px !important; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  #site-footer .footer-grid { flex-wrap: wrap !important; gap: 44px 28px !important; }
  #site-footer .footer-brand { width: 100% !important; max-width: 100% !important; }
}