/* Footer rules from https://xfclubs.com/assets/xf-brand21.css?v=891d452c (lines 176-181, 243-260), copied 10 Nov 2026 with the scope removed:
   phone rhythm, two-column Follow grid, tablet wrap, legal paragraph colours. Nova 10 Nov change 2. */

/* The drawn slash (3.3): 14 degrees from vertical, stroke 25% of its height, horizontal-cut ends. Replaces the typed "/" in the footer category line. */
.xff-cat .xff-slash{display:inline-block;font-size:0;line-height:0;width:3px;height:12px;margin:0 9px;vertical-align:-2px;background:var(--xff-green,#00B62E);transform:skewX(-14deg)}
@media (max-width:819px){.xff-cat{display:flex;flex-direction:column;gap:2px}.xff-cat .xff-slash{display:block;width:0;height:0;margin:0;background:none}}
.xff [aria-current]{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--xff-off,#F5F5F3);opacity:.6}
@media (min-width:820px){.xff [aria-current]{min-height:36px}}
footer.xff{padding:0;margin:0}
/* xf.css sets a global p{font-size,line-height,colour,max-width}: pin the footer paragraphs back to the footer spec so it renders identically on every page */
/* Footer at tablet widths: six columns need 1100px, so 820 to 1099 wraps to two rows of three (Nova fix 1, no horizontal scroll). */
@media (min-width:820px) and (max-width:1099px){
  .xff-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
  .xff-group--clubs,.xff-group--follow{grid-column:auto}
}
/* Footer rhythm on phones (same on every page): tighter group gap, Follow links in two columns. Desktop untouched. */
@media (max-width:819px){
  .xff-wrap{padding-top:32px}
  .xff-brand{padding-bottom:24px}
  .xff-groups{gap:24px 24px;padding:24px 0}
  .xff-group--follow ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .xff-legal{padding-top:20px;gap:12px}
}
.xff .xff-cat{font-size:12px;line-height:1.5;max-width:none;color:#8E8E8C}
.xff .xff-legal p{font-size:13px;line-height:1.5;color:#8E8E8C;max-width:760px}
.xff .xff-legal .xff-copy{color:#C7C7C5}