.tc-breadcrumbs {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin-bottom: var(--space-8);
}

.tc-breadcrumbs ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.tc-breadcrumbs li::after {
  content: "/";
  margin-left: var(--space-2);
  color: var(--color-text-muted);
}

.tc-breadcrumbs li:last-child::after {
  content: "";
}

.tc-breadcrumb-link {
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.25);
  text-underline-offset: 3px;
}

.tc-hero {
  margin-bottom: var(--space-16);
  max-width: 48rem;
}

.tc-hero__lead {
  color: var(--color-text-soft);
}

.tc-card {
  border-radius: var(--radius-xl);
  padding: var(--space-16);
  background: radial-gradient(circle at top left, rgba(39, 227, 255, 0.18), transparent 55%), radial-gradient(circle at bottom right, rgba(177, 128, 255, 0.16), transparent 60%), rgba(5, 7, 16, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: var(--shadow-elevated);
}

.tc-meta {
  margin-bottom: var(--space-10);
}

.tc-meta__text {
  margin-top: var(--space-4);
}

.tc-section + .tc-section {
  margin-top: var(--space-12);
  padding-top: var(--space-12);
  border-top: 1px dashed rgba(255, 255, 255, 0.16);
}

.tc-section h2 {
  margin-bottom: var(--space-4);
}

.tc-section ul {
  margin-top: var(--space-4);
}

.tc-link {
  text-decoration: underline;
  text-decoration-color: rgba(39, 227, 255, 0.7);
  text-underline-offset: 3px;
}

@media (max-width: 767px) {
  .tc-card {
    padding: var(--space-12);
  }
}