/* ── DNS Lookup ────────────────────────────────────── */
.dns-box {
  margin-bottom: 10px;
}

.dns-type-label {
  font-family: ui-monospace, monospace;
  font-size: .8rem;
  letter-spacing: .04em;
  color: #444;
}

/* Grid на .info-card — все строки делят одни колонки */
.dns-box .info-card {
  display: grid;
  grid-template-columns: 1fr auto;
}

/* display:contents убирает box строки, дети участвуют в grid напрямую */
.dns-header-row,
.dns-row {
  display: contents;
}

/* Зебра и разделители на ячейках (box строки нет) */
.dns-row:nth-child(even) .dns-value,
.dns-row:nth-child(even) .dns-ttl {
  background: #f7f8fa;
}

.dns-row .dns-value,
.dns-row .dns-ttl {
  border-bottom: 1px solid #eceef1;
}

.dns-row:last-child .dns-value,
.dns-row:last-child .dns-ttl {
  border-bottom: none;
}

.dns-value {
  padding: 6px 10px 6px 14px;
  font-family: ui-monospace, monospace;
  font-size: .78rem;
  color: #222;
  word-break: break-all;
  border-right: 1px solid #dde0e6;
}

.dns-ttl {
  padding: 6px 14px 6px 12px;
  text-align: right;
  white-space: nowrap;
  min-width: 80px;
  color: #222;
  font-size: .72rem;
  font-family: ui-monospace, monospace;
}

.dns-header-row .dns-value,
.dns-header-row .dns-ttl {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: .65rem;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-family: inherit;
  border-bottom: 1px solid #eceef1;
}