.httpStatus {
  display: grid;
  grid-template-columns: repeat(3, minmax(126px, 1fr));
  min-width: 520px;
  border: 1px solid var(--line);
  background: var(--surface);
}
.httpStatus > div {
  padding: 8px 10px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.httpStatus > div:nth-child(3n) { border-right: 0; }
.httpStatus > div:nth-child(n+4) { border-bottom: 0; }
.httpStatus span, .httpStatus strong, .httpStatus small { display: block; }
.httpStatus span {
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.httpStatus strong {
  margin-top: 3px;
  font: 11px ui-monospace, SFMono-Regular, Menlo, monospace;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.httpStatus small {
  margin-top: 2px;
  color: var(--muted);
  font: 9px ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media (max-width: 900px) {
  .topbar { align-items: flex-start; flex-direction: column; }
  .httpStatus { width: 100%; min-width: 0; }
}
@media (max-width: 760px) {
  .httpStatus { grid-template-columns: 1fr 1fr; }
  .httpStatus > div, .httpStatus > div:nth-child(3n) {
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .httpStatus > div:nth-child(2n) { border-right: 0; }
  .httpStatus > div:nth-last-child(-n+2) { border-bottom: 0; }
}