/* Sandbox page styles — extracted from the inline <style> block in app/templates/sandbox.html
   (2026-08-07 CSS reorg; verbatim move, no rule changes). Page-scoped, not shared with
   Explorer/Workbench — see site.css for cross-page rules. */

body { font-size: 1rem; }

/* ── Left column ── */
#left-col { position: sticky; top: 1rem; }
#band-list {
  list-style: none;
}

/* Atlas tab is the one place-independent tab — tint it so it reads as different. */
#v3-tab-atlas-btn { background-color: #e0f7fa; }
#v3-tab-atlas-btn:hover { background-color: #cbeff5; }
#v3-band-checks .form-check,
#v3-polity-band-checks .form-check { margin-bottom: 0; }
#v3-band-checks .form-check-label,
#v3-polity-band-checks .form-check-label { font-size: 0.8rem; }
.param-row label { font-size: 0.8rem; color: #666; }
/* Card flush to nav-tabs strip */
.fork-card { border-top-left-radius: 0; }
@keyframes v3-flash-yellow {
  0%   { background: transparent; }
  15%  { background: #fff3cd; border-radius: 4px; }
  85%  { background: #fff3cd; border-radius: 4px; }
  100% { background: transparent; }
}
.v3-band-t-flash { animation: v3-flash-yellow 2s ease forwards; }

/* Signature Bands help panel (2026-08-08) — click-to-toggle legend, kept as compact as
   possible since it sits inline in the left column, not in a modal. Full row width (sibling
   of the Level/Signature Bands row, not nested inside it) so entries can wrap side by side
   instead of stacking one per line. Shared class, not an id rule — Settlements
   (#v3-band-legend) and Polities (#v3-polity-band-legend) both use it. */
.v3-band-legend {
  background: #f8f9fa;
  border-radius: 4px;
  padding: 4px 8px;
}
.v3-band-legend-list {
  list-style: none;
  padding-left: 0.25rem;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 1.25rem;
}
.v3-band-legend-list li { flex: 1 1 260px; }

/* Left-column tab-intro blurb panels (Signature/Analysis/Seasonality/Context/Similarity). */
.sandbox-blurb-panel {
  display: none;
  margin-top: 0.5rem;
}
.sandbox-blurb-label {
  display: block;
  margin-bottom: 0.25rem;
  color: #495057;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
}
.sandbox-blurb-body {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.sandbox-blurb-body:last-child {
  margin-bottom: 0;
}
.sandbox-blurb-link-icon {
  font-size: 0.7rem;
}