/* Shared site footer — used by both the site pages (site.html) and the
   blog (base.html). Self-contained: no token dependencies. */

.dc-footer { background: #404040; font: 14px/1.6 Helvetica, Arial, sans-serif; }
.dc-footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 34px;
  row-gap: 2px;
  padding: 10px 20px;
}
.dc-footer-right { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; column-gap: 30px; }
.dc-footer-links { display: flex; flex-wrap: wrap; justify-content: center; }
.dc-footer-links a { color: #d4d4d4; text-decoration: none; padding: 10px 18px; }
.dc-footer-links a:hover { color: #8a8a8a; }
.dc-socials { display: flex; align-items: center; gap: 22px; }
.dc-socials img { height: 24px; width: auto; display: block; opacity: 0.85; }
.dc-socials a:first-child img { height: 20px; } /* YouTube glyph is optically wide */
.dc-socials a:hover img { opacity: 1; }
.dc-copy { color: rgba(255, 255, 255, 0.65); font-weight: 200; font-size: 0.85rem; }
@media (max-width: 767px) {
  .dc-footer-row { justify-content: center; }
  .dc-footer-right { order: 1; flex-basis: 100%; }
  .dc-footer-links a { padding: 8px 9px; font-size: 13px; }
  .dc-socials { gap: 16px; padding: 4px 0; }
  .dc-socials img { height: 22px; }
  .dc-socials a:first-child img { height: 18px; }
  .dc-copy { order: 2; flex-basis: 100%; text-align: center; padding: 8px 0 4px; }
}