/* Footer v2 (5 Nov 2026). Linked from inside <footer> so every page that carries the footer,
   including the cron-generated rate pages (which pin styles.css?v=34), loads it fresh. */
footer .foot-top { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 36px; align-items: start; padding-top: 32px; border-top: 1px solid var(--line); }
footer .foot-brand .logo { display: inline-block; margin-bottom: 12px; }
footer .foot-brand p { font-size: 13.5px; color: var(--ink-dim); max-width: 32ch; }
footer .foot-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 14px; }
footer .foot-badges a { display: inline-block; margin: 0; }
footer .foot-social { display: flex; flex-wrap: wrap; gap: 6px 16px; }
footer .foot-social a { display: inline; margin: 0; font-size: 13.5px; }
footer .foot-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; align-items: start; }
footer .foot-cols h4 { font: 700 11px var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--ink); margin-bottom: 12px; }
footer .foot-cols a { font-size: 13.5px; line-height: 1.35; margin-bottom: 9px; }
footer .foot-cols a:hover, footer .foot-social a:hover { color: var(--ink); text-decoration: none; }
@media (max-width: 1000px) {
  footer .foot-top { grid-template-columns: 1fr; gap: 28px; }
  footer .foot-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) { footer .foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }