/* App Purchase Vault — the one site footer.
   Loaded by every page (homepages and content pages). Markup is rendered by
   tools/site_shell.py; do not hand-edit footers. Tokens come from the page's
   own :root (identical in the homepage <style> and assets/site.css). */
.site-foot{border-top:1px solid var(--border);padding:56px 0 36px;color:var(--text-tertiary);font-size:13px;line-height:1.6;background:var(--surface)}
.f-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:40px}
.f-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;color:var(--text-primary);margin-bottom:12px}
.f-brand img{width:24px;height:24px;border-radius:6px;display:block}
.f-h{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}
.f-col a{display:block;padding:6px 0;min-height:24px;color:var(--text-tertiary);transition:color .18s;overflow-wrap:anywhere}
.f-col a:hover{color:var(--brand-blue-dark);text-decoration:none}
.f-legal{line-height:1.75;overflow-wrap:break-word;max-width:44ch}
.f-bottom{margin-top:44px;padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;align-items:center}
.f-langs{display:flex;gap:4px 16px;flex-wrap:wrap}
.f-langs a{display:inline-block;padding:4px 0;min-height:24px;color:var(--text-tertiary);transition:color .18s}
.f-langs a:hover{color:var(--brand-blue-dark);text-decoration:none}
.f-langs a[aria-current]{font-weight:700;color:var(--text-secondary)}
/* tablet: brand + legal on its own row, the three link columns beneath */
@media (min-width:761px) and (max-width:1100px){
  .f-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
  .f-grid>:first-child{grid-column:1/-1}
  .f-legal{max-width:60ch}
}
@media (min-width:561px) and (max-width:760px){
  .f-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px}
  .f-grid>:first-child{grid-column:1/-1}
}
@media (max-width:560px){
  .site-foot{padding:44px 0 30px}
  .f-grid{grid-template-columns:1fr;gap:26px}
  .f-legal{max-width:none}
  .f-bottom{margin-top:32px;flex-direction:column;align-items:flex-start}
}