/* ========== Public Footer ========== */
:root {
   --footer-bg: #0f172a;
   --footer-text: #cbd5e1;
   --footer-link: #93c5fd;
   --divider: rgba(255, 255, 255, 0.08);
}

footer.site {
   margin-top: 40px;
   background: var(--footer-bg);
   color: var(--footer-text);
   padding: 24px 0;
}

footer .row {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   align-items: flex-start;
}

footer .col {
   flex: 1 1 240px;
}

footer a {
   color: var(--footer-link);
   text-decoration: none;
}
footer a:hover {
   text-decoration: underline;
}

footer .divider {
   height: 1px;
   background: var(--divider);
   margin: 16px 0;
   width: 100%;
   display: block;
}

footer .meta {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   font-size: 14px;
}

/* Responsive */
@media (max-width: 640px) {
   footer .meta {
      flex-direction: column;
      align-items: flex-start;
   }
}