.model-explanations details {
  border-top: 1px solid #425047;
  padding: 14px 0;
  scroll-margin-top: 16px;
}

.model-explanations summary {
  width: fit-content;
  max-width: 100%;
  color: #dbcc9f;
  cursor: pointer;
}

.model-explanations summary:focus-visible {
  outline: 3px solid #e3bd7a;
  outline-offset: 4px;
}

.model-explanations p {
  max-width: 66ch;
  overflow-wrap: break-word;
}

.model-explanations details[open] > summary {
  margin-bottom: 14px;
}

.model-explanations .model-technical {
  margin-top: 20px;
  padding-bottom: 0;
}

.model-technical > summary {
  font-size: .9rem;
}

.model-technical h3 {
  font: 600 1rem/1.4 system-ui, sans-serif;
  margin: 26px 0 10px;
  letter-spacing: 0;
}

.model-technical pre {
  max-width: 66ch;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: .82rem/1.6 ui-monospace, monospace;
  color: #d3ded4;
  margin: 16px 0;
}

.model-technical table {
  width: 100%;
  max-width: 560px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: .82rem;
  font-variant-numeric: tabular-nums;
}

.model-technical caption {
  text-align: left;
  color: #b9c5ba;
  padding: 8px 0;
}

.model-technical th,
.model-technical td {
  text-align: right;
  padding: 7px 6px;
  border-bottom: 1px solid #425047;
  overflow-wrap: anywhere;
}

.model-technical th:first-child,
.model-technical td:first-child {
  text-align: left;
}