/* UI Style 0 - Layout F */
body.ui-style-0 {
  --primary-color: #e74c3c;
  --secondary-color: #2c3e50;
  --bg-color: #f5f5f5;
}

.layout-F .section {
  border-top: 3px solid var(--primary-color);
}

.video-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.video-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

@media (max-width: 768px) {
  .video-grid {
    grid-template-columns: 1fr;
  }

  nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    width: 100%;
  }

  nav a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

table {
  margin: 15px 0;
  border: 1px solid #ddd;
}

table td {
  border-bottom: 1px solid #eee;
}

.intro a {
  color: var(--primary-color);
  text-decoration: underline;
}