.projects-page h1 {
  margin-bottom: 0.25rem;
}

.projects-subtitle {
  color: var(--color-fg-muted);
  font-size: 0.9rem;
  margin: 0 0 2rem;
}

.lt-list {
  display: flex;
  flex-direction: column;
}

.lt {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.7rem 0.5rem;
  margin: 0 -0.5rem;
  border-radius: 0;
  text-decoration: none;
  color: var(--color-fg-default);
  transition: background 0.15s ease;
}
.lt, .lt:hover, .lt:hover * {
  text-decoration: none;
}
.lt:hover {
  background: var(--color-bg-muted);
}
.lt + .lt {
  border-top: 1px solid var(--color-border-muted);
}

.lt-leading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 80px;
  height: 40px;
  border-radius: 10px;
  background: var(--color-bg-neutral-muted);
  color: var(--color-fg-muted);
  overflow: hidden;
}

.markdown-body .projects-page .lt-icon-img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  border-style: none;
  box-sizing: border-box;
}

.lt-icon-letter {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-fg-muted);
}

.lt-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.lt-title {
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.lt-subtitle {
  color: var(--color-fg-muted);
  font-size: 0.82rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lt-store-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.3rem;
  align-self: flex-start;
}

.lt-store-badge {
  gap: 0.3rem;
  cursor: pointer;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.6rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.15rem 0.5rem 0.15rem 0.35rem;
  border-radius: 9999px;
  background: var(--color-bg-neutral-muted);
  color: var(--color-fg-muted);
  transition: background 0.15s ease, color 0.15s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-border-muted);
}
.lt-store-badge:hover {
  background: var(--color-bg-muted);
  color: var(--color-fg-default);
}

.lt-trailing {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-fg-default);
}

.lt-brand {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.55rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.08rem 0.4rem;
  border-radius: 9999px;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.lt-brand--pub {
  background: #60a5fa;
  color: #1a1a1a;
}
.lt-brand--npm {
  background: #cb3837;
  color: #fff;
}
.lt-brand--android {
  background: #6ee7a0;
  color: #1a1a1a;
}
.lt-brand--ios {
  background: var(--color-bg-neutral-muted);
}
.lt-brand--mobile {
  background: #8b5cf6;
  color: #fff;
}
.lt-brand--website {
  background: #fcd34d;
  color: #1a1a1a;
}

.lt-status {
  font-size: 0.58rem;
  padding: 0.08rem 0.4rem;
  border-radius: 9999px;
  font-weight: 500;
}
.lt-status--beta, .lt-status--wip {
  background: var(--color-bg-attention-muted, rgba(210, 153, 34, 0.2));
  color: var(--color-fg-attention, #d29922);
}
.lt-status--archived {
  background: var(--color-bg-neutral-muted);
  color: var(--color-fg-muted);
}
.lt-status--abandoned {
  background: var(--color-bg-danger-muted, rgba(248, 81, 73, 0.2));
  color: var(--color-fg-danger, #f85149);
}

.lt--pub {
  background: rgba(96, 165, 250, 0.08);
}
.lt--pub .lt-leading {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
}
.lt--pub .lt-title {
  color: var(--color-fg-default);
}
.lt--pub .lt-subtitle {
  color: var(--color-fg-muted);
}
.lt--pub:hover {
  background: rgba(96, 165, 250, 0.14);
}

.lt--npm {
  background: rgba(203, 56, 55, 0.08);
}
.lt--npm .lt-leading {
  background: rgba(203, 56, 55, 0.15);
  color: #cb3837;
}
.lt--npm .lt-title {
  color: var(--color-fg-default);
}
.lt--npm .lt-subtitle {
  color: var(--color-fg-muted);
}
.lt--npm:hover {
  background: rgba(203, 56, 55, 0.14);
}

.lt--android {
  background: rgba(110, 231, 160, 0.08);
}
.lt--android .lt-leading {
  background: rgba(110, 231, 160, 0.15);
  color: #6ee7a0;
}
.lt--android .lt-title {
  color: var(--color-fg-default);
}
.lt--android .lt-subtitle {
  color: var(--color-fg-muted);
}
.lt--android:hover {
  background: rgba(110, 231, 160, 0.14);
}

.lt--ios {
  background: rgba(162, 170, 173, 0.08);
}
.lt--ios .lt-leading {
  background: rgba(162, 170, 173, 0.15);
  color: #a2aaad;
}
.lt--ios .lt-title {
  color: var(--color-fg-default);
}
.lt--ios .lt-subtitle {
  color: var(--color-fg-muted);
}
.lt--ios:hover {
  background: rgba(162, 170, 173, 0.14);
}

.lt--mobile {
  background: rgba(139, 92, 246, 0.08);
}
.lt--mobile .lt-leading {
  background: rgba(139, 92, 246, 0.15);
  color: #8b5cf6;
}
.lt--mobile .lt-title {
  color: var(--color-fg-default);
}
.lt--mobile .lt-subtitle {
  color: var(--color-fg-muted);
}
.lt--mobile:hover {
  background: rgba(139, 92, 246, 0.14);
}

.lt--website {
  background: rgba(252, 211, 77, 0.08);
}
.lt--website .lt-leading {
  background: rgba(252, 211, 77, 0.15);
  color: #fcd34d;
}
.lt--website .lt-title {
  color: var(--color-fg-default);
}
.lt--website .lt-subtitle {
  color: var(--color-fg-muted);
}
.lt--website:hover {
  background: rgba(252, 211, 77, 0.14);
}

.lt--npm .lt-title {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.9rem;
  letter-spacing: -0.02em;
}

.projects-section-heading {
  margin: 2.5rem 0 0.75rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.lt--repo .lt-leading {
  background: var(--color-bg-neutral-muted);
  color: var(--color-fg-muted);
}
.lt--repo .lt-trailing {
  color: var(--color-fg-muted);
  opacity: 0.4;
}

.lt-status--fork {
  background: var(--color-bg-accent-muted, rgba(56, 139, 253, 0.1490196078));
  color: var(--color-fg-accent, #388bfd);
}

.lt-version {
  font-size: 0.6rem;
  padding: 0.05rem 0.35rem;
  border-radius: 9999px;
  font-weight: 500;
  background: var(--color-bg-neutral-muted);
  color: var(--color-fg-muted);
  font-family: "JetBrains Mono", monospace;
}

.live-indicator {
  font-family: monospace;
  font-size: 1rem;
  line-height: 1;
  color: #e91916;
}

.lt-live {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #e91916;
}