.ip-workspace{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,3fr);
  gap:24px;
  align-items:start;
}
.ip-workspace>*{min-width:0}
.ip-result-heading{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.ip-result-heading h2{margin:0;font-size:24px}
.ip-status{margin:16px 0 24px;color:var(--text-muted);font-size:14px}
.ip-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 24px;
  margin:0;
}
.ip-fields>div{min-width:0;padding-block:18px;border-top:1px solid var(--border)}
.ip-fields .ip-address-field{grid-column:1/-1}
.ip-fields dt{font-size:13px;color:var(--text-muted)}
.ip-fields dd{margin:8px 0 0;font-weight:600;overflow-wrap:anywhere}
.ip-address-field dd{font-size:clamp(20px,2.6vw,34px);line-height:1.5;user-select:all}
.ip-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.ip-copy-status{min-height:1.5em;margin:12px 0 0;font-size:14px;color:var(--text-muted)}
.ip-compare h2{margin:0 0 16px;font-size:22px}
.ip-compare p{font-size:15px;line-height:1.8;color:var(--text-muted)}
.ip-compare a{display:inline-flex;align-items:center;min-height:32px;color:var(--accent-dark);font-size:14px}
@media(max-width:768px){
  .ip-workspace{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .ip-fields{grid-template-columns:minmax(0,1fr)}
  .ip-actions .btn{flex:1 1 auto;padding-inline:16px}
}