/* The 1996 corner lives below the normal site footer. */
.retro-footer {
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 14px;
  padding-top: 24px;
  border-top: 1px dotted #b9c1c7;
  text-align: center;
  color: #4d5b66;
  font: 14px/1.5 "Courier New", monospace;
}
.retro-footer .retro-ring {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 0 auto 12px;
}
.retro-footer .retro-ring a {
  color: #0000aa;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.retro-footer .retro-ring-title {
  max-width: 210px;
  font: 16px/1.35 "Times New Roman", serif;
}
.retro-footer .retro-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  min-height: 44px;
  border: 2px outset #eee;
  background: #d4d0c8;
  font: bold 24px/1 "Times New Roman", serif;
}
.retro-footer .retro-arrow:active { border-style: inset; }
.retro-footer a:focus-visible { outline: 2px solid #245d7c; outline-offset: 4px; }
.retro-counter-frame { max-width: 100%; overflow-x: auto; }
.retro-footer img.retro-counter {
  display: block;
  width: auto;
  height: 128px;
  max-width: none;
  margin: 0 auto;
  border: 0;
}
.retro-footer p.retro-credit {
  margin: 6px 0 0;
  text-align: center;
  white-space: pre-wrap;
  font: 12px/1.5 "Courier New", monospace;
}
@media (max-width: 380px) {
  .retro-footer .retro-ring { gap: 8px; }
  .retro-footer .retro-ring-title { max-width: 160px; }
}