/* Lab-only additions on top of the main site's styles.css and prep.css. */
.lab-hh-slot { display: flex; align-items: center; position: relative; }
.lab-hh-control { position: relative; color: #c6d1de; font-size: 0.9rem; }
.lab-hh-control > summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
  min-height: 40px; padding: 6px 12px; border: 1px solid rgba(255,255,255,0.36); border-radius: 8px;
  background: rgba(255,255,255,0.06); color: #fff; font-weight: 650;
}
.lab-hh-control > summary::-webkit-details-marker { display: none; }
.lab-hh-control > summary::after { content: "▾"; font-size: 0.8em; }
.lab-hh-label { color: #c6d1de; font-weight: 600; }
.lab-hh-panel {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; width: min(92vw, 380px);
  padding: 14px 16px; border-radius: 10px; background: #0b1b2e; border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}
.lab-hh-group { margin: 4px 0 8px; color: #fff; font-weight: 750; font-size: 0.9rem; }
.lab-hh-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 10px; }
.lab-hh-field { display: flex; flex-direction: column; gap: 4px; font-size: 0.78rem; font-weight: 650; color: #c6d1de; }
.lab-hh-field select {
  min-height: 38px; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.36); border-radius: 8px;
  background: #fff; color: var(--ink-900, #0f172a); font: inherit; font-size: 0.95rem; font-weight: 700;
}
/* Homepage: picker shown inline, panel always open */
.lab-hh-inline .lab-hh-control > summary { display: none; }
.lab-hh-inline .lab-hh-panel { position: static; width: auto; background: rgba(255,255,255,0.06); box-shadow: none; }
@media (max-width: 520px) { .lab-hh-label { display: none; } }
@media print { .lab-hh-slot { display: none; } }
.lab-hh-inline { margin-top: 14px; display: block; }