/* ==========================================
   🔗 WEBRING BADGE — neutral Win95-beveled bar, fixed top-right.
   Deliberately theme-agnostic (gray/beveled) so it doesn't clash with
   whichever page skin it's dropped into.
   ========================================== */
.webring-bar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: #c0c0c0;
  border-bottom: 2px solid #808080;
  border-left: 2px solid #ffffff;
  font: 11px Tahoma, Verdana, sans-serif;
  color: #000000;
  max-width: calc(100vw - 8px);
  overflow-x: auto;
  white-space: nowrap;
}

.webring-label { font-weight: bold; flex: none; }

.webring-bar a,
.webring-bar button {
  flex: none;
  font: 11px Tahoma, Verdana, sans-serif;
  background: #c0c0c0;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  padding: 2px 6px;
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}
.webring-bar a:active,
.webring-bar button:active {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.webring-current {
  flex: none;
  font-style: italic;
  color: #333333;
}

@media (max-width: 600px) {
  .webring-current { display: none; }
}