.query-label, .query-note { font: 14px/1.7 var(--sans); color: var(--ink-2); }
#q { flex: 1; min-width: 0; width: 100%; max-width: 460px; }
.query-note { margin: 14px 0; }
#meta { overflow-wrap: anywhere; }
.dns-table { table-layout: fixed; width: 100%; }
.dns-table th, .dns-table td { overflow-wrap: anywhere; word-break: break-word; }
.dns-table th { width: auto; }
.dns-table th:nth-child(1) { width: 28%; }
.dns-table th:nth-child(2) { width: 14%; }
.dns-table th:nth-child(3) { width: 16%; }
@media (max-width: 600px) {
  .query-label { flex-basis: 100%; }
  #q { flex: 1 0 100%; max-width: none; }
  .dns-table th, .dns-table td { padding: 10px 4px; font-size: 11px; }
}