/* The site footer, shared by the homepage, the guides, Privacy and Support: the guides by topic, then one line with
   all guides, Privacy, Support, the cookie choice and the copyright. Ink on the apps' canvas, no second palette. */
.seo-footer { background: var(--ink); color: #B9BCC6; padding: 56px var(--gutter) max(36px, env(safe-area-inset-bottom)); }
.seo-footer a { color: inherit; }
.foot-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 32px; }
.foot-brand .wordmark { color: #fff; }
.foot-brand .wordmark .mark { box-shadow: none; }
.foot-brand p { margin: 0; font-size: 0.9375rem; }
.foot-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 40px; }
.foot-cols h2 { margin: 0 0 12px; font: 600 0.75rem/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: 40px 0 0; padding-top: 20px; border-top: 1px solid rgba(185, 188, 198, 0.18); font-size: 0.875rem; }
.seo-footer .legal a { text-decoration: none; }
.seo-footer .legal span { white-space: nowrap; }
@media (max-width: 640px) { .foot-cols { grid-template-columns: 1fr; } }