.ip-intro {
  margin-bottom:32px;
}
.ip-intro h1 {
  margin-top:20px;
}
.ip-result-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}
.ip-result-head h2 {
  margin:0;
  font-size:var(--text-h3);
}
.ip-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 24px;
  margin:0 0 24px;
}
.ip-fields > div {
  min-width:0;
  padding-block:18px;
  border-bottom:1px solid var(--border);
}
.ip-fields .ip-address-field {
  grid-column:1 / -1;
}
.ip-fields dt {
  color:var(--text-muted);
  font-size:var(--text-label);
  margin-bottom:8px;
}
.ip-fields dd {
  margin:0;
  font-weight:var(--weight-semibold);
  overflow-wrap:anywhere;
}
.ip-address-field dd {
  font-size:var(--text-h3);
  letter-spacing:var(--tracking-mono);
}
.ip-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.ip-copy-status {
  min-height:1.6em;
  margin:12px 0 0;
}
@media (max-width:640px) {
  .ip-fields {
    grid-template-columns:minmax(0,1fr);
  }
  .ip-address-field dd {
    font-size:var(--text-subtitle);
  }
}