/* The site footer, shared by the homepage, the guides, Privacy, and Support: four guides per app, then one line with
   all guides, Privacy, Support, and the copyright. */
.seo-footer { background: #10172b; color: var(--moon-text, #c9cfe0); padding: 64px max(clamp(24px, 6vw, 96px), calc((100% - 1280px) / 2 + 96px)) max(40px, env(safe-area-inset-bottom)); }
.seo-footer a { color: inherit; }
.foot-brand { margin-bottom: 36px; }
.foot-brand .wordmark { margin: 0 0 8px; padding: 0; background: none; color: #fff; font: 600 1.375rem/1 var(--serif); }
.foot-brand p { margin: 0; font-size: 0.9375rem; }
.foot-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 40px; }
.foot-cols h2 { margin: 0 0 12px; font: 600 0.8125rem/1 var(--sans); letter-spacing: 0.08em; text-transform: uppercase; color: #fff; }
.foot-cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.foot-cols a { font-size: 0.9375rem; text-decoration: none; }
.seo-footer a:hover { color: #fff; text-decoration: underline; }
.seo-footer .legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px;
  margin: 44px 0 0; padding-top: 22px; border-top: 1px solid rgba(201, 207, 224, 0.14); font-size: 0.875rem; }
.seo-footer .legal a { text-decoration: none; }
.seo-footer .legal span { white-space: nowrap; }
@media (max-width: 760px) { .foot-cols { grid-template-columns: 1fr; } }