.ip-intro{
  padding-top:var(--space-8);
  padding-bottom:var(--space-8);
}
.ip-intro .reading{
  position:relative;
}
.ip-result{
  margin-top:var(--space-4);
}
.ip-result__heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-bottom:var(--space-2);
}
.ip-result__heading h2{
  margin:0;
  font-size:var(--size-h3);
}
.ip-status{
  color:var(--muted);
  font-size:var(--size-small);
}
.ip-status.is-error{
  color:var(--accent-dark);
}
.ip-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  margin:0 0 var(--space-3);
}
.ip-fields>div{
  padding-top:var(--space-2);
  border-top:1px solid var(--border);
}
.ip-fields__primary{
  grid-column:1/-1;
}
.ip-fields dt{
  margin-bottom:var(--space-1);
  font-size:var(--size-small);
  color:var(--muted);
}
.ip-fields dd{
  margin:0;
  overflow-wrap:anywhere;
  font-weight:var(--weight-medium);
}
.ip-fields__primary dd{
  font-size:var(--size-h3);
  line-height:var(--leading-body);
}
.ip-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}
.ip-copy-status{
  margin-top:var(--space-1);
  margin-bottom:0;
  color:var(--muted);
  font-size:var(--size-small);
  overflow-wrap:anywhere;
}
.ip-copy-status:empty{
  display:none;
}
.ip-result__note{
  margin-top:var(--space-3);
  margin-bottom:0;
  color:var(--muted);
  font-size:var(--size-small);
}
.ip-privacy-note{
  margin-bottom:0;
  color:var(--muted);
  font-size:var(--size-small);
}
.ip-privacy-note a{
  color:var(--blue-ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:640px){
  .ip-intro{
    padding-top:var(--space-4);
    padding-bottom:var(--space-6);
  }
  .ip-fields{
    grid-template-columns:1fr;
  }
  .ip-fields__primary dd{
    font-size:var(--size-h3);
  }
}