:root{
  --ip-title-size:56px;
  --ip-heading-size:24px;
  --ip-address-size:32px;
  --ip-copy-size:18px;
}
.ip-intro{padding-top:56px;padding-bottom:48px}
.ip-title{margin-top:24px;font-size:var(--ip-title-size);letter-spacing:-.02em}
.ip-intro__copy{margin-top:20px;color:var(--text-muted);font-size:var(--ip-copy-size)}
.ip-content{padding-top:32px}
.ip-result__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.ip-result__heading h2{font-size:var(--ip-heading-size)}
.ip-fields{margin:24px 0 0}
.ip-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding-block:18px;border-bottom:1px solid var(--border)}
.ip-fields dt{color:var(--text-muted);font-size:var(--size-small)}
.ip-fields dd{margin:0;min-width:0;overflow-wrap:anywhere;font-weight:600}
.ip-fields .ip-fields__primary{display:block;padding:24px;border:0;border-radius:var(--r-card);background:var(--bg-panel-2)}
.ip-fields__primary dd{margin-top:8px;font-size:var(--ip-address-size);line-height:1.4;user-select:text}
.ip-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ip-feedback{margin-top:20px;color:var(--text-muted);font-size:var(--size-small);overflow-wrap:anywhere}
.ip-copy-feedback{margin-top:8px;color:var(--text);font-size:var(--size-small)}
.ip-copy-feedback:empty{display:none}
.ip-dns h2{margin-top:20px}
@media(max-width:640px){
  :root{--ip-title-size:36px;--ip-address-size:24px;--ip-copy-size:16px}
  .ip-intro{padding-top:32px;padding-bottom:32px}
  .ip-content{padding-top:24px}
  .ip-fields>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .ip-fields .ip-fields__primary{padding:18px}
}