footer .social-links {
  grid-column: 1 / -1;
  display: flex;
  gap: 12px;
}

footer .social-links a {
  padding: 8px 12px;
  border: 1px solid #3f5148;
  border-radius: 4px;
  color: #e9b735;
  text-decoration: none;
}

footer .social-links a:hover,
footer .social-links a:focus-visible {
  border-color: #e9b735;
  color: #fff;
}

.preview-banner {
  position: fixed;
  z-index: 1000;
  right: 18px;
  bottom: 18px;
  max-width: min(520px,calc(100% - 36px));
  padding: 13px 17px;
  border: 1px solid #8e720f;
  border-radius: 5px;
  box-shadow: 0 14px 38px rgba(0,0,0,.22);
  background: #fff4c7;
  color: #4f410d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.preview-banner-live { border-color: #789087; background: #edf3f0; color: #234136; }
.preview-banner-error { border-color: #c67575; background: #fff0f0; color: #7e2525; }