/* Footer Component */
footer, .site-footer {
  --_footer-gradient: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
  background: var(--_footer-gradient);
  color: var(--color-text-inverse);
  padding: var(--space-5) 0;
  text-align: center;
  font-size: var(--font-size-sm);
}
footer p, .site-footer p { margin: .5rem 0; }

/* Fair use / legal text */
.fair-use { font-size: var(--font-size-2xs) !important; opacity:.8; margin-top:1rem !important; padding-top:1rem; border-top:1px solid rgba(255,255,255,0.25); line-height:1.4; }
.fair-use strong { font-weight:600; }

/* Layout helper if footer needs constrained width */
/* Layout helper if footer needs constrained width */
.site-footer .l-container, footer .l-container { max-width: var(--site-max-width); margin-inline:auto; padding-inline: var(--space-4); }

/* Bridge: legacy pages using <footer> only continue to work; new markup can add .site-footer */