/* Tag page — /tags/:slug */

.tag-show-back-row { margin-bottom: var(--spacing-24); }
.tag-show-records-panel { overflow-x: auto; }

.tag-show-back-icon {
  width: 1rem;
  height: 1rem;
}

.tag-show-hero { margin-bottom: var(--spacing-32); }

.tag-show-hero-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}

.tag-show-pill {
  font-size: var(--font-size-12);
  line-height: 1rem;
  padding-inline: var(--spacing-12);
  padding-block: var(--spacing-4);
  border-radius: var(--corner-radius-full);
  background-color: var(--background-surface-2);
  color: var(--text-primary);
  font-weight: var(--font-weight-500);
}

.tag-show-summary {
  color: var(--text-secondary);
  margin-top: var(--spacing-8);
}

.tag-show-table {
  width: 100%;
  min-width: 480px; /* Note: bespoke value */
}

.tag-show-thead {
  background-color: var(--background-surface-2);
  border-bottom-width: var(--stroke-weight-1);
  border-bottom-style: solid;
  border-bottom-color: var(--border-default);
}

.tag-show-th,
.tag-show-th--mdup {
  text-align: left;
  padding-inline: var(--spacing-16);
  padding-block: var(--spacing-12);
  font-size: var(--font-size-12);
  line-height: 1rem;
  font-weight: var(--font-weight-500);
  color: var(--text-tertiary);
  text-transform: uppercase;
}

.tag-show-th--mdup {
  display: none;

  @media (min-width: 48rem) { display: table-cell; }
}

.tag-show-tbody > * + * {
  border-top-width: var(--stroke-weight-1);
  border-top-style: solid;
  border-top-color: var(--border-subtle);
}