/*
 * Tension v1 — Project styles (conditional: front page, project single, project archive)
 * Styles retained wireframe helper classes (tech stack strip, sidebar, gallery).
 */

/* Tech stack strip (about + project single via cyber_crayon_display_project_tech_stack) */
.lc-tech-stack__list,
.lc-project-tech-stack__list,
.lc-stack-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.lc-tech-stack__item,
.lc-project-tech-stack__item {
  border: 1px solid var(--lc-border-divider);
  background: var(--lc-surface-container-low);
  padding: 0.25rem 0.5rem;
  font-family: var(--lc-font-mono);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  color: var(--lc-on-surface-variant);
}

/* Project single: legacy wrapper resets (already rewritten markup) */
.lc-project-single__content,
.lc-project-single-wrap article {
  color: var(--lc-on-surface);
}

/* Gallery lightbox trigger */
.lc-lightbox-trigger {
  display: block;
}

.lc-lightbox-trigger img {
  display: block;
  width: 100%;
  height: auto;
}

/* Project single renderers that still output legacy class names */
.lc-project-meta-sticker,
.lc-project-sidebar-meta__row {
  font-family: var(--lc-font-mono);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--lc-on-surface-variant);
}

.lc-chip__icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}

.lc-chip__icon svg {
  width: 1rem;
  height: 1rem;
}