.packet-runtime__journal {
  padding: var(--space-5);
  border-top: 1px solid var(--border);
}
.packet-runtime__journal h3 { margin-top: 0; }
.packet-runtime__journal ol {
  margin-bottom: 0;
  padding-left: 1.4rem;
  color: var(--text-muted);
  font-size: .82rem;
}
.packet-runtime__journal time {
  color: var(--accent);
  font-family: var(--font-mono);
}
.packet-runtime caption {
  padding: var(--space-3);
  color: var(--text-muted);
  font: 700 .72rem var(--font-mono);
  text-align: left;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .packet-runtime__journal { padding: var(--space-4); }
  .packet-runtime__table-wrap { overflow: visible; padding: var(--space-3); }
  .packet-runtime__table-wrap table,
  .packet-runtime__table-wrap tbody,
  .packet-runtime__table-wrap tr,
  .packet-runtime__table-wrap td {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .packet-runtime__table-wrap thead { display: none; }
  .packet-runtime__table-wrap tr {
    margin-bottom: var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
  }
  .packet-runtime__table-wrap td {
    display: grid;
    grid-template-columns: minmax(6rem, 32%) 1fr;
    align-items: center;
    gap: var(--space-2);
    padding: .4rem 0;
    border: 0;
    overflow-wrap: anywhere;
  }
  .packet-runtime__table-wrap td::before {
    content: attr(data-label);
    color: var(--text-muted);
    font: 700 .68rem var(--font-mono);
    text-transform: uppercase;
  }
  .packet-runtime__row { width: 100%; min-height: 2.75rem; }
}