/* Shared with the workspace palette; intentionally scoped to avoid changing feature layouts. */
.site-footer { margin-top: auto; padding: 48px max(24px, calc((100% - 1240px) / 2)) 24px; border-top: 1px solid #d9dfda; background: #f7f8f6; color: #68736d; font: 14px/1.7 Inter, ui-sans-serif, system-ui, sans-serif; }
.site-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.site-footer p { max-width: 320px; margin: 14px 0 0; }
.site-footer a { color: #344d40; text-decoration: none; overflow-wrap: anywhere; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer a:focus-visible { outline: 2px solid #163f32; outline-offset: 4px; }
.site-footer .site-wordmark { font-size: 28px; font-weight: 750; letter-spacing: -1px; color: #17201c; }
.site-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.site-footer h2 { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #17201c; }
.site-footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 36px; padding-top: 20px; border-top: 1px solid #d9dfda; font-size: 12px; }
@media (max-width: 760px) { .site-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 420px) { .site-footer-grid { grid-template-columns: 1fr; } }