#network-ip,#network-ua { color:#182b45; }
.network-value-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.network-value-card { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:13px; padding:17px; border:1px solid #dce4ed; border-radius:12px; background:#fff; box-shadow:0 6px 20px rgba(31,55,88,.05); }
.network-value-card.is-featured { grid-column:1/-1; border-color:#9fc0ef; background:linear-gradient(135deg,#edf5ff,#fff); }
.network-value-card>div { min-width:0; }
.network-value-card h2 { margin:0 0 6px; color:#61738a; font-size:12px; }
.network-value-card output { display:block; overflow-wrap:anywhere; color:#163b68; font:750 16px/1.5 Consolas,Monaco,'Courier New',monospace; }
.network-value-card.is-featured output { color:#095ac7; font-size:26px; }
.network-copy { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; padding:0; border:1px solid #d2dce8; border-radius:9px; background:#f7f9fc; color:#52657d; }
.network-copy:hover,.network-copy.is-copied { border-color:#6c9ce0; background:#edf5ff; color:#1769e0; }
.network-copy:focus-visible,.network-lookup input:focus,.network-lookup button:focus-visible,.network-lookup a:focus-visible { outline:3px solid rgba(37,99,235,.18); outline-offset:2px; }
.network-copy .material-icons { font-size:18px; }
.network-country-code { grid-column:1/-1; margin:-2px 5px 0; color:#64748b; font-size:12px; }
.network-lookup { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:24px; align-items:center; margin-top:20px; padding:19px 20px; border:1px solid #dce4ed; border-radius:13px; background:#f5f8fc; }
.network-eyebrow { margin:0; color:#1769e0; font-size:10px; font-weight:800; letter-spacing:.12em; }
.network-lookup h2 { margin:2px 0 4px; font-size:19px; }
.network-lookup>div>p:last-child { margin:0; color:#607189; font-size:12px; line-height:1.5; }
.network-lookup form { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:7px; align-items:center; }
.network-lookup input { width:100%; min-width:0; height:45px; padding:9px 12px; border:1px solid #bdcad9; border-radius:9px; background:#fff; color:#172033; font:650 14px/1.4 Consolas,Monaco,'Courier New',monospace; }
.network-lookup input[aria-invalid="true"] { border-color:#d14343; }
.network-lookup button { display:inline-flex; height:45px; align-items:center; justify-content:center; gap:5px; padding:8px 13px; border:1px solid #1769e0; border-radius:9px; background:#1769e0; color:#fff; font-weight:750; white-space:nowrap; }
.network-lookup button .material-icons { font-size:18px; }
.network-lookup form>a { color:#52657d; font-size:13px; font-weight:700; }
.network-error { margin:0 0 13px; padding:11px 13px; border:1px solid #efb4b4; border-radius:9px; background:#fff4f4; color:#a32929; }
.network-attribution { margin-top:13px; padding:11px 13px; border-radius:9px; background:#f8fafc; color:#68788c; font-size:11px; }
.network-attribution a { color:#3b669c; }
.network-copy-status { min-height:1.4em; margin:8px 0 0; color:#087f5b; font-size:12px; font-weight:700; text-align:end; }
.network-copy-status:empty { visibility:hidden; }
.network-header-list { grid-template-columns:1fr; }
.network-header-list .network-value-card.is-featured { grid-column:auto; }

@media (max-width:760px) {
  .network-value-list { grid-template-columns:1fr; }
  .network-value-card.is-featured,.network-country-code { grid-column:auto; }
  .network-value-card { padding:14px; }
  .network-value-card.is-featured output { font-size:21px; }
  .network-lookup { grid-template-columns:1fr; gap:13px; padding:16px; }
}

@media (max-width:480px) {
  .network-lookup form { grid-template-columns:1fr auto; }
  .network-lookup input { grid-column:1/-1; }
  .network-lookup form>a { justify-self:end; }
  .network-value-card output { font-size:13px; }
  .network-value-card.is-featured output { font-size:18px; }
}