.ip-intro{max-width:1120px}
.ip-intro h1{margin:20px 0}
.ip-lead{max-width:44em;font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:32px}
.ip-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.ip-result-head>div{min-width:0}
.ip-result-head h2{font-size:var(--size-h3);margin:0}
.ip-result-head p{margin:10px 0 0}
.ip-result-head .badge{flex-shrink:0}
.ip-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.ip-field{min-width:0;background:var(--panel-2);padding:20px;border-radius:var(--r-sm)}
.ip-field-main{grid-column:1/-1;background:var(--lavender-pale)}
.ip-field dt{font-size:var(--size-small);color:var(--muted)}
.ip-field dd{margin:12px 0 0;font-weight:var(--weight-medium);overflow-wrap:anywhere}
.ip-field-main dd{font-size:clamp(22px,3vw,36px);color:var(--accent-dark)}
.ip-controls{display:flex;flex-wrap:wrap;gap:12px}
.ip-feedback{margin:20px 0 0;color:var(--muted);line-height:1.8}
.ip-copy-feedback{margin:8px 0 0;color:var(--accent-dark);min-height:1.5em;overflow-wrap:anywhere}
.ip-reading{max-width:1120px}
.ip-reading h2{margin-top:0}
.ip-reading p{line-height:1.85}
.ip-explanations{display:grid;gap:20px}
.ip-explanations article{min-width:0;border-bottom:1px solid var(--border);padding-bottom:20px}
.ip-explanations h3{margin:12px 0}
.ip-explanations p{max-width:58em;color:var(--muted)}
.ip-dns-steps{padding-left:24px;line-height:1.85}
.ip-dns-steps li+li{margin-top:18px}
.ip-reading .panel-inset p:last-child{margin-bottom:0}
@media(max-width:768px){
  .ip-fields{grid-template-columns:minmax(0,1fr)}
  .ip-result-head{flex-direction:column;gap:16px}
  .ip-field{padding:16px}
  .ip-lead{font-size:var(--size-body)}
}