.ip-result-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}
.ip-result-heading h2{font-size:var(--size-h3)}
.ip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ip-field{
  min-width:0;
  padding:20px 12px;
  border-bottom:1px solid var(--border);
}
.ip-field-primary{
  grid-column:1 / -1;
  background:var(--accent-a08);
  border:1px solid var(--accent-a25);
  border-radius:var(--r-card);
  margin-bottom:8px;
}
.ip-field dt{color:var(--muted);font-size:var(--size-small);margin-bottom:8px}
.ip-field dd{overflow-wrap:anywhere}
.ip-field-primary dd{color:var(--accent-dark);font-size:var(--size-h3)}
.ip-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ip-feedback{margin-top:20px;font-size:var(--size-small);overflow-wrap:anywhere}
.ip-copy-feedback{margin-top:8px;color:var(--accent-dark);font-size:var(--size-small)}
.ip-copy-feedback:empty{display:none}
.ip-explanation{margin-top:56px}
.ip-explanation>h2:first-child{margin-top:0}
@media(max-width:640px){
  .ip-fields{grid-template-columns:minmax(0,1fr)}
  .ip-explanation{margin-top:40px}
  .ip-actions .btn{padding-inline:20px}
}