:root{ --nav-line:#40766A; --nav-ink:#F3F9F7; }
.fs-footer{border-top:1px solid var(--nav-line);margin-top:60px;padding:24px 0}
/* Horizontal padding lives on the INNER wrap, same as the header's .fs-wrap —
   with it on the outer box the footer text sat 20px left of every other
   section on wide screens (2026-08-19, Marc: "content isn't lining up"). */
.fs-footer .fs-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1400px;margin:0 auto;
  padding:0 20px;font-size:13px;color:rgba(234,243,241,.5)}
.fs-footer a{color:rgba(234,243,241,.5);text-decoration:none}
.fs-footer a:hover{color:rgba(234,243,241,.85)}
/* TAPPABLE ON A PHONE (2026-09-05, Marc's QA: ten links, 15px tall, in one
   run of text — "increase the sizes"). Under 700px each link is its own
   44px-tall target and the dots between them go. */
@media(max-width:700px){
  .fs-footer .fs-wrap{font-size:0.9062rem;flex-direction:column;gap:6px}
  .fs-footer .fs-links-row{display:flex;flex-wrap:wrap;gap:0 4px}
  .fs-footer .fs-links-row a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px 0 0;font-size:0.9375rem}
  .fs-footer .fs-dot{display:none}
}