/* ip-lookup.css — page-specific layout for /network/ip-lookup/ */

.ip-hero {
  display: flex;
  align-items: center;
  gap: .875rem;
  flex-wrap: wrap;
}
.ip-big {
  font-family: var(--mono);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1.15;
  word-break: break-all;
  color: var(--text);
}
.ip-big.pending { color: var(--text-muted); font-weight: 500; font-size: 1.25rem; }

.ip-caveat { font-size: .8125rem; color: var(--text-muted); line-height: 1.6; margin-top: .875rem; }
.ip-sub-note { font-size: .875rem; color: var(--text-sec); line-height: 1.6; margin-bottom: .75rem; }
.ip-range-note { font-size: .8125rem; color: var(--text-sec); margin-top: .5rem; }

.sub-head {
  font-size: .9375rem;
  font-weight: 600;
  margin: 1.5rem 0 .5rem;
  color: var(--text);
}
.sub-head-major {
  font-size: 1.125rem;
  letter-spacing: -.01em;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
  margin-bottom: .375rem;
}

/* Binary needs to wrap: 128 bits do not fit on one line at any width. */
.mono-wrap {
  word-break: break-all;
  white-space: normal;
  font-size: .75rem;
  line-height: 1.5;
}

.record-name { font-family: var(--mono); font-size: .8125rem; }
.record-ttl  { font-size: .75rem; color: var(--text-muted); }

/* In the reverse-DNS table the left column holds an address, not a field name,
   so it reads in the same monospace as every other address on the page. */
.ptr-addr {
  font-family: var(--mono);
  color: var(--text);
  font-size: .8125rem;
}
.result-empty { color: var(--text-muted); font-style: italic; }

@media (max-width: 470px) {
  .ip-big { font-size: 1.375rem; }
  .result-row { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .result-value { text-align: left; }
}