.probe-notice {
  position: relative;
  z-index: 30;
  display: grid;
  gap: 0.35rem;
  padding: 0.75rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  background: #121914;
  color: #e8efe9;
  font: 500 0.78rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.probe-notice strong {
  color: #d4ff65;
}

.probe-notice p {
  max-width: 112ch;
  margin: 0;
}

.probe-notice details {
  color: #b8c4ba;
}

.probe-notice summary {
  width: fit-content;
  cursor: pointer;
  color: #e8efe9;
}

@media (min-width: 760px) {
  .probe-notice {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  .probe-notice details {
    grid-column: 1 / -1;
  }
}