.agent-picker { display: flex; align-items: end; gap: var(--line) 2ch; margin-bottom: var(--line); }
.agent-picker > div { flex: 1; max-width: 48ch; }
#agent-count { padding-bottom: calc(var(--line) / 2); }
#agent-status:empty { display: none; }
#agent-result { margin-top: calc(2 * var(--line)); }
.agent-section { border: var(--rule); padding: var(--line) 1ch; margin-top: var(--line); }
.agent-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--line) 3ch; }
.agent-fields dt { font-weight: 800; text-transform: uppercase; margin-bottom: calc(var(--line) / 2); }
.agent-fields dd { overflow-wrap: anywhere; }
.agent-section h2 { margin-bottom: var(--line); }
.agent-fields ul { list-style: none; margin: 0; padding: 0; }
.agent-fields li + li { margin-top: calc(var(--line) / 4); }
.agent-routes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: calc(var(--line) / 2) 1ch; }
.agent-routes dt { font: inherit; text-transform: none; margin: 0; overflow-wrap: anywhere; }
.agent-routes dd { margin: 0; }
footer a { display: inline-block; margin-top: calc(var(--line) / 2); }
@media (max-width: 760px) {
  .agent-picker { align-items: stretch; flex-direction: column; gap: calc(var(--line) / 2); }
  .agent-picker > div { max-width: none; }
  .agent-fields { grid-template-columns: 1fr; }
}