.ip-intro{background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}
.ip-intro .section-head{max-width:52em}
.ip-result{max-width:100%}
.ip-result-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.ip-result-head h2{font-size:var(--size-h3)}
.ip-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 0}
.ip-field{padding:20px;border-radius:var(--r-md);background:var(--panel-2)}
.ip-field-primary{grid-column:1/-1;background:var(--ink);color:var(--panel)}
.ip-field dt{font-size:var(--size-small);color:var(--muted)}
.ip-field-primary dt{color:var(--white-a72)}
.ip-field dd{margin:10px 0 0;font-weight:var(--weight-semibold);overflow-wrap:anywhere}
.ip-field-primary dd{font-family:var(--font-mono);font-size:var(--size-h2);line-height:1.4;user-select:all}
.ip-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ip-feedback{margin-top:20px;color:var(--muted);font-size:var(--size-small)}
.ip-copy-feedback{color:var(--muted);font-size:var(--size-small)}
.ip-copy-feedback:not(:empty){margin-top:10px}
.ip-explanation .panel p{margin-top:16px;color:var(--muted)}
.ip-dns-steps{margin:0;padding-inline-start:24px}
.ip-dns-steps li{padding-inline-start:8px}
.ip-dns-steps li+li{margin-top:28px}
.ip-dns-steps li::marker{font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--muted)}
.ip-dns-steps p{margin-top:12px;color:var(--muted)}
.ip-privacy{padding-top:32px}
.ip-privacy .panel p{color:var(--muted)}
.ip-related{margin-top:20px}
.ip-related a{text-decoration:underline;text-underline-offset:4px;color:var(--text)}
@media(max-width:768px){
  .ip-fields{grid-template-columns:minmax(0,1fr)}
  .ip-field-primary{grid-column:auto}
}
@media(max-width:640px){
  .ip-field{padding:16px}
  .ip-field-primary dd{font-size:var(--size-h3)}
  .ip-actions .btn{padding-inline:22px}
}