/* WHOIS / RDAP page: small tiles in a grid (one per contact, DS record or
   key), which tools.css has no component for. Everything else on the page
   uses the shared styles. Prefixed so they can't meet the home page's .tile. */

.rdap-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.rdap-tiles.wide { grid-template-columns: minmax(0, 1fr); }
.rdap-tile {
  display: grid; gap: 10px; align-content: start; min-width: 0;
  padding: 12px 14px 14px; border-radius: 12px;
  background: var(--panel); border: 1px solid var(--line);
}
.rdap-tile-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.rdap-tile h3 { margin: 0; font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; }
.rdap-tile > .muted { font-size: 12.5px; }
@media (min-width: 521px) {
  .rdap-tile .kv { grid-template-columns: minmax(84px, max-content) minmax(0, 1fr); gap: 6px 14px; font-size: 13.5px; }
}

/* Network and AS summaries hold names and address blocks that mustn't break
   mid-word, so their stats need wider columns (one per row on a phone) */
.summary.rdap-wide { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }

/* One block per server in the Raw RDAP card */
.raw-source + .raw-source { padding-top: 14px; border-top: 1px solid var(--line); }