/* Animation for content loading */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Error States */
.error {
  text-align: center;
  padding: 40px;
  color: #e74c3c;
}

.error i {
  font-size: 3rem;
  margin-bottom: 15px;
}

.error p {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.error small {
  color: #777;
}

/* Print Styles */
@media print {
  .content-footer,
  .breadcrumb {
    display: none;
  }

  .content-card {
    box-shadow: none;
    border: 1px solid #ddd;
    page-break-inside: avoid;
  }

  .example-block {
    page-break-inside: avoid;
  }
}