/* The page's own palette and any layout beyond shared/instrument.css. */
:root {
  --accent: #ffe36b;
  --accent-2: #7cc4ff;
  --accent-ink: #1f1a02;
  --ayrton: rgba(255, 255, 255, 0.35);
  --static: #7cc4ff;
  --load: #ff9d6b;
  --hiss: rgba(255, 120, 90, 0.10);
  --out: rgba(124, 196, 255, 0.10);
  --carbon: #3a3a42;
}
.legend i.l-ayr { background: var(--ayrton); }
.legend i.l-stat { background: var(--static); }
.legend i.l-loop { background: var(--accent); border-radius: 50%; }
.legend i.l-load { background: var(--load); }
#info { grid-template-columns: auto 1fr auto 1fr; }
#circuit { min-height: 130px; }
@media (max-width: 700px) { #info { grid-template-columns: auto 1fr; } }