/* Footer. Consumes tokens.css. Appears at the foot of every page — the home scroll and faqs.html.
   Cream on cream with one hairline: the standard site boundary, no shadow, no second rule, no tint.
   Mobile: stacked on the left page margin — there is no width to distribute at 375.
   Desktop: one distributed row, links left and copyright held right by margin-left:auto — the same
   mechanism the navigation bar uses to hold FAQs right, described the same way in both files.
   Every value here is already live elsewhere on the site; the gate in SPEC Footer §6 lists them. */
.site-footer,.site-footer *{box-sizing:border-box}
/* 40px of air above the links rather than 24: as built the footer read as one more item in section
   4's left column with a rule through it. The weight is fixed by the brief, so the separation is
   space. 40px is section 4's own bottom padding, so the rule sits between two equal 40s. */
.site-footer{background:var(--ground);border-top:1px solid var(--line);padding:40px var(--margin) 32px;font-family:var(--sans);-webkit-font-smoothing:antialiased}
.site-footer__links{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;line-height:1.45;color:var(--ink2)}
.site-footer__links a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.site-footer__links a:hover{color:var(--purple)}
/* The separator is content, not decoration — it is in the brief's copy. --ink3 so it sits below the
   links without disappearing; --line2 vanished against the cream at 15px. */
.site-footer__sep{color:var(--ink3)}
/* The quietest thing on the page. */
.site-footer__copy{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--ink3)}
@media(min-width:1088px){
/* 64px of air above the links — the page margin, and the largest single step the site uses. The
   footer is the last thing on the page and the desktop row has nothing else in it. */
.site-footer{padding:64px var(--margin-d) 40px;display:flex;align-items:baseline}
.site-footer__copy{margin:0 0 0 auto}
}