.tracking-main {
  max-width: 850px;
  margin: auto;
  padding: 32px 24px 100px;
}
.tracking-main .eyebrow {
  display: block;
  margin-top: 20px;
}
.tracking-panel {
  background: var(--panel, #141e2b);
  border: 1px solid #344252;
  border-radius: 12px;
  padding: 24px;
  margin: 24px 0;
}
.tracking-panel form {
  display: grid;
  gap: 12px;
}
.tracking-panel input {
  width: 100%;
  min-width: 0;
  padding: 12px;
  color: #f5f5f5;
  background: #0b1017;
  border: 1px solid #536173;
  border-radius: 6px;
  font: inherit;
}
.tracking-panel button,
.tracking-main #refresh {
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
}
.tracking-panel button:disabled,
.tracking-main #refresh:disabled {
  opacity: 0.5;
  cursor: default;
}
.tracking-panel h2,
.tracking-panel h3 {
  overflow-wrap: anywhere;
}
.tracking-panel p,
.tracking-panel li {
  overflow-wrap: anywhere;
}
.tracking-panel li {
  margin-bottom: 16px;
}
.tracking-panel time {
  display: block;
  font-size: 0.85em;
  color: #aab8c9;
}
.tracking-entry {
  display: block;
  text-align: center;
  padding: 14px;
  margin-bottom: 80px;
  color: #d4c2a0;
}
@media (min-width: 761px) {
  .tracking-entry {
    display: none;
  }
}