/* session-projection 实验页的少量专属样式。 */

.sp-grid {
  display: grid;
  grid-template-columns: minmax(200px, 5fr) 7fr;
  gap: var(--space-sm);
}
@media (max-width: 860px) { .sp-grid { grid-template-columns: 1fr; } }

.sp-columns-wrap { display: flex; flex-direction: column; gap: var(--space-2xs); }

.sp-columns-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--space-2xs);
}

.sp-col {
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
}

.sp-col h4 { margin: 0 0 4px; font-size: 0.82rem; color: var(--brand); }

.sp-col dl { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 8px; }
.sp-col dt { font-size: 0.72rem; color: var(--muted); }
.sp-col dd { font-size: 0.78rem; margin: 0; font-family: var(--mono); }

@media (forced-colors: active) {
  .sp-col { border: 1px solid CanvasText; }
}