/* The footer contains information, not a second copy of primary navigation. */
.foot.foot--compact{margin:0 auto 24px;padding:20px 0 0;font-size:12px;line-height:1.6}
.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;min-width:0}
.foot--compact .footer-brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0;min-width:0}
.foot--compact .footer-brand .brand-logo{width:136px;height:34px;flex:none}
.foot--compact .footer-brand .brand-logo img{width:153px;left:-9px;top:-10px}
.foot--compact .footer-brand>span{font-size:12px;overflow-wrap:anywhere}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
.foot--compact .footer-links>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 12px;border-radius:14px;color:var(--muted);font-size:12px;font-weight:550;line-height:1.4;text-decoration:none;transition:background .18s,color .18s}
.footer-links>a>.icon{width:18px;height:18px;flex:none}
.footer-links>a>span{min-width:0;overflow-wrap:anywhere}
.foot--compact .footer-links>a:hover{background:var(--paper);color:var(--brand)}
.foot--compact .footer-links>a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.footer-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;margin-top:12px}
.footer-notes>p{margin:0;max-width:none;min-width:0;overflow-wrap:anywhere}
/* Shorten the homepage's final section gap without disturbing checkout/chat spacing. */
main:has(>.how-section:last-child){margin-bottom:32px}
@media(max-width:680px){
 .foot.foot--compact{width:calc(100% - 24px);margin-bottom:20px;padding-top:16px}
 .footer-top{flex-direction:column;align-items:stretch;gap:10px}
 .foot--compact .footer-brand{gap:8px 14px}
 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .foot--compact .footer-links>a{justify-content:flex-start;padding:10px 8px;border-radius:12px}
 .footer-notes{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:10px;font-size:11px}
 main:has(>.how-section:last-child){margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.foot--compact .footer-links>a{transition:none}}
@media(forced-colors:active){.foot--compact .footer-links>a{color:LinkText}}