/* ── IPv4/IPv6 version tabs ───────────────────────── */
.ver-tabs {
  width: 100%; max-width: 820px;
  display: flex; gap: 3px; margin-bottom: 10px;
}
.ver-tab {
  padding: 5px 16px;
  background: #fff; border: 1px solid #ccc; border-radius: 2px;
  font-size: .78rem; color: #555; text-decoration: none;
  transition: background .1s;
}
.ver-tab:hover { background: #f5f5f5; }
.ver-tab.active { background: #e8901a; border-color: #d4841a; color: #fff; }

/* ── IP selector (multiple IPs for a domain) ──────── */
.ip-selector {
  width: 100%; max-width: 820px;
  display: flex; flex-wrap: wrap; gap: 4px;
  margin-bottom: 10px;
}
.ip-pill {
  padding: 3px 11px;
  background: #fff; border: 1px solid #ccc; border-radius: 2px;
  font-size: .78rem; font-family: ui-monospace, monospace;
  color: #555; text-decoration: none;
  transition: background .1s;
}
.ip-pill:hover { background: #f5f5f5; }
.ip-pill.active { background: #e8901a; border-color: #d4841a; color: #fff; }

/* ── Source box header with db dates ──────────────── */
.source-box .box-header {
  display: flex; align-items: baseline; gap: 14px;
}
.source-box .info-card {
  border: none; border-radius: 0; margin-bottom: 0;
}
.db-dates {
  display: flex; gap: 12px; flex-wrap: wrap;
  font-size: .65rem; color: #bbb;
  font-weight: 400; text-transform: none; letter-spacing: 0;
}
.db-dates b { color: #aaa; }

/* ── Map link ─────────────────────────────────────── */
.map-link {
  font-size: .75rem; color: #e8901a;
  text-decoration: none; margin-left: 6px;
}
.map-link:hover { text-decoration: underline; }