/* The site footer (Pete, 8 Oct 2026), on every page: home, FAQ, contact, the legal pages and /join.
   Dark green (#0D3B2E → #072019), light text, mint on hover. Brand and tagline; Play, Legal and
   Support; the company line. No social icons. /join is served by the server, which inlines this file
   (server/routes/join.js). */
.af{background:linear-gradient(180deg,#0d3b2e 0%,#072019 100%);color:rgba(244,239,226,.82);
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  padding:48px 20px 32px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
.af *{box-sizing:border-box}
.af-in{max-width:1000px;margin:0 auto}
.af-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.af-logo{display:inline-block;font-family:'Dancing Script',cursive;font-weight:700;font-size:36px;line-height:1.1;
  color:#f4efe2;text-decoration:none}
.af-brand p{margin:10px 0 0;max-width:240px;font-size:13.5px;line-height:1.55;color:rgba(244,239,226,.66)}
.af-h{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,226,.55)}
.af-col a{display:block;margin:0 0 9px;font-size:14px;font-weight:600;color:rgba(244,239,226,.82);text-decoration:none;
  transition:color .15s}
.af a:hover{color:#5ecfbf}
.af a:focus-visible{outline:2px solid #5ecfbf;outline-offset:3px;border-radius:4px}
.af-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:32px;padding-top:20px;
  border-top:1px solid rgba(244,239,226,.12);font-size:12px;line-height:1.55;color:rgba(244,239,226,.6)}
@media (max-width:720px){
  .af{padding:40px 20px 28px}
  .af-cols{grid-template-columns:1fr 1fr;gap:20px 16px}
  .af-brand{grid-column:1 / -1}
}
/* Tap targets of at least 44px on phones and touch screens */
@media (max-width:720px),(pointer:coarse){
  .af-col a{display:flex;align-items:center;min-height:44px;margin:0}
  .af-logo{display:inline-flex;align-items:center;min-height:44px}
}