/**
 * Base Explorable Styles
 * 
 * Styles for the explorable framework - interactive, dynamic modules
 * embedded within markdown content.
 */

.explorable {
  margin: 2rem 0;
  padding: 2rem;
  background: #f8f9fa;
  border-radius: 0.5rem;
  border: 1px solid #e5e5e5;
}

.explorable-loading {
  text-align: center;
  padding: 2rem;
  color: #6c757d;
}

.explorable-error {
  padding: 1.5rem;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 0.375rem;
  color: #856404;
}

.explorable-error p {
  margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .explorable {
    padding: 1.5rem;
    margin: 1.5rem 0;
  }
}