/* A11Y-14 (2026-10-23): decorative :hover rules sit inside @media(hover:hover) and (pointer:fine), so a
   tap on a phone or tablet does not leave them stuck on. :focus-visible, :focus-within and open states
   are unchanged. */
/* The site footer on Josh's four foundation pages, which load only their own stylesheets.
   Self-contained and scoped to .lh-site-footer; font files are the same URLs the pages
   already load, so nothing downloads twice. */
@font-face{font-family:LhfBody;src:url(how-it-works/assets/PPNeueMontreal-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:LhfMono;src:url(how-it-works/assets/AkkuratMonoLLWeb-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:LhfHand;src:url(how-it-works/assets/Caveat-Regular.woff2) format("woff2");font-display:swap}
.lh-site-footer{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:45px 4% 25px;background:#faf9f5;color:#101010;font:16px/1.45 LhfBody,"LH Montreal Fallback",Arial,sans-serif;text-align:left}
.lh-site-footer *,.lh-site-footer *:before,.lh-site-footer *:after{box-sizing:border-box}
.lh-site-footer p,.lh-site-footer h2{margin:0}
.lh-site-footer a{color:inherit}
.lh-site-footer img{display:block;max-width:100%;height:auto}
.lh-site-footer .footer-cols{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px;padding-bottom:40px}
.lh-site-footer .footer-cols h2{font:11px/1.6 LhfMono,monospace;letter-spacing:.045em;color:#092aff;margin-bottom:14px;text-transform:none}
.lh-site-footer .footer-cols a{display:block;font-size:16px;padding:5px 0;text-decoration:none}
@media(hover:hover) and (pointer:fine){.lh-site-footer .footer-cols a:hover{text-decoration:underline;text-underline-offset:4px}}
.lh-site-footer .footer-brand p{font:30px/1 LhfHand,"LH Caveat Fallback",cursive;color:#a52868;margin-top:16px;transform:rotate(-4deg);max-width:220px}
.lh-site-footer .footer-meta{display:flex;flex-wrap:wrap;gap:20px 32px;border-top:1px solid #10101040;padding-top:22px;font:11px LhfMono,monospace}
.lh-site-footer .footer-meta a{text-decoration:underline;text-underline-offset:3px}
.lh-site-footer .footer-meta span{margin-left:auto}
.lh-site-footer .disclosure{font-size:11px;color:#555;margin-top:25px;max-width:65ch}
@media(max-width:1180px){.lh-site-footer .footer-cols{grid-template-columns:repeat(4,1fr)}.lh-site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:900px){.lh-site-footer .footer-cols{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.lh-site-footer{padding-inline:6%}.lh-site-footer .footer-meta{flex-direction:column;gap:17px}.lh-site-footer .footer-meta span{margin-left:0}}
@media(max-width:480px){.lh-site-footer .footer-cols{grid-template-columns:1fr}}
/* Josh's page stylesheets style every nav and link; reset them inside the footer. */
.lh-site-footer nav{display:block!important;gap:0!important;font-size:16px!important;position:static!important;background:none!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;transform:none!important}
.lh-site-footer a{text-shadow:none!important}
.lh-site-footer .footer-cols{display:grid!important}
/* How It Works styles every footer element (flex row, top border, 10px mono text). Since 2026-10-23 the
   site footer is a div.lh-site-footer inside the Elementor footer template (A11Y-01); these rules name the
   div, with the specificity footer.lh-site-footer had. */
div.lh-site-footer{display:block!important;border-top:0!important;gap:0!important;align-items:initial!important}
.lh-site-footer span{font:inherit}
.lh-site-footer a{margin-left:0}
.lh-site-footer p{width:auto;opacity:1;line-height:inherit}
.lh-site-footer .footer-cols p{font:30px/1 LhfHand,"LH Caveat Fallback",cursive}
.lh-site-footer .disclosure{font:11px/1.5 LhfBody,"LH Montreal Fallback",Arial,sans-serif;width:auto}
/* Contact colors every footer dark; How It Works sets footer links in mono. Pin ours. */
div.lh-site-footer{background:#faf9f5!important;color:#101010!important;box-shadow:0 0 0 100vmax #faf9f5;clip-path:inset(0 -100vmax)}
.lh-site-footer .footer-cols a{font:16px/1.45 LhfBody,"LH Montreal Fallback",Arial,sans-serif!important;color:#101010!important}
.lh-site-footer .footer-meta,.lh-site-footer .footer-meta a,.lh-site-footer .footer-meta span{font:11px/1.6 LhfMono,monospace!important;color:#101010!important}
.lh-site-footer .disclosure{color:#555!important}
.lh-site-footer .footer-brand img{width:140px!important;max-width:140px!important;height:auto!important}

/* The home stylesheet centers every h2; footer column headings stay left on every page (2026-10-22). */
.lh-site-footer .footer-cols h2{text-align:left}

/* Squiggly blue underline on hover (Josh 2026-10-23). */
.lh-site-footer .footer-cols a:focus-visible,.lh-site-footer .footer-meta a:focus-visible{text-decoration-line:underline!important;text-decoration-style:wavy!important;text-decoration-color:#092aff!important;text-decoration-thickness:1.5px!important;text-underline-offset:6px!important}@media(hover:hover) and (pointer:fine){.lh-site-footer .footer-cols a:hover,.lh-site-footer .footer-meta a:hover{text-decoration-line:underline!important;text-decoration-style:wavy!important;text-decoration-color:#092aff!important;text-decoration-thickness:1.5px!important;text-underline-offset:6px!important}}
.lh-site-footer .footer-meta a:focus-visible{text-decoration-thickness:1px!important;text-underline-offset:4px!important}@media(hover:hover) and (pointer:fine){.lh-site-footer .footer-meta a:hover{text-decoration-thickness:1px!important;text-underline-offset:4px!important}}

/* Address and hours under the tagline (John 2026-10-23). */
.lh-site-footer .footer-nap{display:flex;flex-direction:column;gap:6px;margin-top:24px;max-width:240px;font:14px/1.45 LhfBody,"LH Montreal Fallback",Arial,sans-serif;font-style:normal;color:#101010}
.lh-site-footer .footer-cols .footer-nap a{display:inline;padding:0;font:14px/1.45 LhfBody,"LH Montreal Fallback",Arial,sans-serif!important;text-decoration:underline;text-underline-offset:3px}
.lh-site-footer .footer-nap span{display:block}