/* site-footer.css — the footer on the blog, guides and info pages: the
   same copyright line, page links and social links as the homepage footer.
   Colours are written out here because not every page defines the
   homepage's colour variables. */
.site-footer{max-width:620px;margin:8px auto 0;padding:0 24px 48px;color:#6B695F;font-size:0.9rem;line-height:1.5;}
.site-footer.flush{max-width:none;padding-left:0;padding-right:0;}
.site-footer-inner{border-top:1px solid #E7E3D6;padding-top:22px;display:flex;flex-direction:column;gap:6px;}
.site-footer-links a{display:inline-block;padding:12px 0;color:#6B695F;}
.site-footer-links a:hover{color:#2B2A28;}
.footer-social{display:flex;gap:10px;margin:6px 0 2px;}
.footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #E7E3D6;background:#FFFFFF;color:#54695A;transition:color .15s,border-color .15s;}
.footer-social a:hover{color:#2B2A28;border-color:#6B8068;}
.footer-social a:focus-visible{outline:2px solid #5C7A8A;outline-offset:2px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media print{.site-footer{display:none;}}