/* entries-renderer.css — Fase 6.7 tail JS typography migration */

@layer components {
  .entries-renderer__inset-title,
  .entries-renderer__entry-emphasis {
    color: var(--hd-accent-primary);
    font-weight: var(--hd-weight-medium);
  }

  .entries-renderer__inset-title {
    margin-bottom: 4px;
  }

  .entries-renderer__table {
    width: 100%;
    border-collapse: collapse;
    margin: 4px 0;
    font-size: var(--hd-text-caption);
  }

  .entries-renderer__class-caption {
    padding: 2px 0;
    font-weight: var(--hd-weight-bold);
    text-align: left;
  }

  .entries-renderer__table-head {
    border-bottom: 1px solid var(--hd-border-medium);
    color: var(--hd-text-tertiary);
    font-size: var(--hd-text-micro);
    padding: 2px 6px;
    text-align: left;
  }
}