.ip-intro{padding-top:var(--space-8);padding-bottom:var(--space-4)}
.ip-intro .lede{margin-bottom:0}
.ip-content{padding-bottom:var(--space-4)}
.ip-result{position:relative;box-shadow:var(--shadow-float),var(--inset-hi)}
.ip-result-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}
.ip-result-head h2{font-size:var(--text-h3);margin-bottom:var(--space-1)}
.ip-result-head p{font-size:var(--text-sm)}
.ip-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-3) 0}
.ip-field{min-width:0;padding-top:var(--space-2);border-top:1px solid var(--border)}
.ip-field dt{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-1)}
.ip-field dd{margin:0;font-weight:var(--weight-semibold);overflow-wrap:anywhere}
.ip-address-field{grid-column:1/-1}
.ip-address-field dd{font-size:var(--text-h2);line-height:1.4}
.ip-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ip-query-message{margin-top:var(--space-2);margin-bottom:0;font-size:var(--text-sm)}
.ip-copy-message{margin-top:var(--space-1);margin-bottom:0;font-size:var(--text-sm)}
.ip-copy-message:empty{display:none}
.ip-dns .badge{margin-bottom:var(--space-2)}
.ip-dns-steps{margin:0;padding-left:var(--space-3)}
.ip-dns-steps li{padding-left:var(--space-1);margin-bottom:var(--space-3)}
.ip-dns-steps li::marker{font-family:var(--font-mono);color:var(--muted)}
.ip-dns-steps h3{font-size:var(--text-base);margin-bottom:var(--space-1)}
.ip-dns-steps p{color:var(--muted);margin-bottom:0}
.ip-help-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-2)}
.ip-help-links a{min-height:var(--space-4);display:inline-flex;align-items:center;font-size:var(--text-sm)}
@media(max-width:640px){
  .ip-intro{padding-top:var(--space-6);padding-bottom:var(--space-3)}
  .ip-fields{grid-template-columns:minmax(0,1fr)}
  .ip-address-field dd{font-size:var(--text-h3)}
  .ip-result{padding:var(--space-2)}
}