.ip-workspace{max-width:1120px}
.ip-intro{max-width:850px;margin-bottom:40px}
.ip-intro h1{margin-top:24px;margin-bottom:0}
.ip-intro .lede{max-width:43em}
.ip-result{padding:32px;box-shadow:var(--shadow-win)}
.ip-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ip-result-heading h2{margin:16px 0 0;font-size:var(--title-card)}
.ip-result-icon{color:var(--c-muted)}
.ip-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
.ip-readout>div{min-width:0}
.ip-readout dt{margin-bottom:8px;color:var(--c-muted);font-size:var(--text-sm)}
.ip-readout dd{margin:0;overflow-wrap:anywhere;font-weight:var(--weight-bold)}
.ip-readout .ip-address-field{grid-column:1/-1;padding-bottom:24px;border-bottom:1px solid var(--c-border)}
.ip-address-field dd{font-size:var(--title-section);letter-spacing:-.02em}
.ip-status{margin-bottom:20px;color:var(--c-muted);font-size:var(--text-sm)}
.ip-status.is-error{color:var(--c-text);padding:12px 16px;border-left:3px solid var(--c-warn);background:var(--c-panel-2);border-radius:var(--r-xs)}
.ip-actions{display:flex;flex-wrap:wrap;gap:12px}
.ip-copy-status{min-height:1.6em;margin:12px 0 0;color:var(--c-muted);font-size:var(--text-sm)}
.ip-explanation,.ip-dns{margin-top:64px}
.ip-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.ip-notes-grid article{min-width:0}
.ip-notes-grid h3{font-size:var(--title-card)}
.ip-notes-grid p,.ip-dns p,.ip-dns-steps{color:var(--c-muted);line-height:1.85}
.ip-dns strong{color:var(--c-text);font-weight:var(--weight-bold)}
.ip-dns-steps{padding-left:1.5em}
.ip-dns-steps li{padding-left:8px;margin-top:20px}
.ip-privacy{margin-top:48px;margin-bottom:0}
.ip-privacy h2{font-size:var(--title-card)}
.ip-explanation a,.ip-dns a,.ip-privacy a{color:var(--c-accent-dark)}
@media(max-width:768px){
  .ip-result{padding:24px}
  .ip-readout{grid-template-columns:1fr;gap:20px}
  .ip-notes-grid{grid-template-columns:1fr;gap:20px}
  .ip-explanation,.ip-dns{margin-top:48px}
}
@media(max-width:420px){
  .ip-result{padding:20px}
  .ip-result-icon{display:none}
  .ip-actions{align-items:stretch}
  .ip-actions .btn{width:100%}
}