/* Quantum-Like Lab spectrum explorer, guided by Ethan Dickey. */
#alternative-view:has(.ql-spectrum-view) {
  height: auto;
  min-height: 390px;
  max-height: none;
}
.ql-spectrum-view {
  padding: 20px 22px;
  line-height: 1.6;
  font-size: 0.86rem;
}
.ql-spectrum-view p { margin: 10px 0; }
.ql-spectrum-heading { display: flex; gap: 10px; align-items: center; }
.ql-spectrum-heading h2 { margin: 0; font-size: 1.12rem; }
.ql-spectrum-intro, .ql-spectrum-scale { max-width: 80ch; }
.ql-spectrum-action-note {
  background: #102f34;
  border: 1px solid #416960;
  border-radius: 8px;
  margin: 16px 0;
  padding: 12px 15px;
  color: #d7eee9;
}
.ql-spectrum-action-note > strong { color: #92ead2; }
.ql-spectrum-action-note p:last-child { margin-bottom: 0; }
.ql-spectrum-current { margin-bottom: 18px; }
.ql-spectrum-view #spectrum-plot { height: 190px; margin: 10px 0; }
.ql-spectrum-table-scroll { overflow: auto; max-height: 340px; border: 1px solid #34505a; border-radius: 8px; }
.ql-spectrum-table-scroll table { min-width: 500px; width: 100%; }
.ql-spectrum-table-scroll thead th { background: #142a35; position: sticky; top: 0; z-index: 1; }
.ql-spectrum-table-scroll tbody th { text-align: left; text-transform: none; letter-spacing: normal; }
.ql-spectrum-table-scroll button { min-height: 39px; font-size: 0.8rem; }
.ql-spectrum-selected { background: #15372f; }
.ql-spectrum-tag { display: inline-block; font-size: 0.65rem; font-weight: 500; padding: 1px 5px; margin-left: 5px; border: 1px solid #627188; border-radius: 4px; color: #cbd9ef; }
.ql-spectrum-tag.current { border-color: #398772; color: #93f1d4; }
.ql-spectrum-tied { display: block; font-size: 0.7rem; color: #c3cad6; }
.ql-spectrum-footnote { color: #bacdd5; font-size: 0.78rem; }
.ql-spectrum-math { margin-top: 16px; border-top: 1px solid #34505a; padding-top: 9px; }
.ql-spectrum-math summary { cursor: pointer; color: #daedf1; }
.ql-spectrum-warning { border: 1px solid #ab7b62; border-radius: 7px; padding: 11px 14px; color: #ffdac3; background: #352c28; }
@media (max-width: 600px) {
  .ql-spectrum-view { padding: 16px 14px; }
  .ql-spectrum-heading h2 { font-size: 1rem; }
  .ql-spectrum-action-note { padding: 10px 12px; }
  .ql-spectrum-current .button-row button { flex: 1 1 auto; }
}