:root{
  --ip-result-width:900px;
  --ip-body-space:32px;
  --ip-field-gap:24px;
  --ip-field-space:20px;
  --ip-label-size:13px;
  --ip-value-size:18px;
  --ip-address-size:clamp(22px,3vw,34px);
  --ip-status-space:16px;
  --ip-action-gap:12px;
  --ip-note-size:13px;
  --ip-note-height:24px;
  --ip-heading-size:28px;
}
.ip-result{max-width:var(--ip-result-width);margin-inline:auto}
.ip-result-body{padding:var(--ip-body-space)}
.ip-result-body h2{font-size:var(--ip-heading-size)}
.ip-status{margin-block:var(--ip-status-space)}
.ip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ip-field-gap)}
.ip-fields>div{min-width:0;padding-block:var(--ip-field-space);border-bottom:1px solid var(--border)}
.ip-fields .ip-address{grid-column:1 / -1}
.ip-fields dt{font-size:var(--ip-label-size);color:var(--text-muted)}
.ip-fields dd{margin-top:var(--ip-action-gap);font-size:var(--ip-value-size);overflow-wrap:anywhere}
.ip-address dd{font-size:var(--ip-address-size);color:var(--accent-dark);user-select:all}
.ip-actions{display:flex;flex-wrap:wrap;gap:var(--ip-action-gap);margin-top:var(--ip-field-gap)}
.ip-copy-status{font-size:var(--ip-note-size);min-height:var(--ip-note-height);margin-top:var(--ip-status-space)}
@media(max-width:640px){
  :root{--ip-body-space:20px}
  .ip-fields{grid-template-columns:minmax(0,1fr)}
}