/* Thin entity / compare-index pages — reuse tokens and blog prose width. */

.entity-hero {
  padding-block: var(--d-16) var(--d-10);
  padding-inline: var(--d-4);
  background: var(--surface);
}

@media (min-width: 40rem) {
  .entity-hero {
    padding-block: 6.25rem var(--d-16);
    padding-inline: var(--d-10);
  }
}

.entity-hero__inner {
  display: flex;
  flex-direction: column;
  gap: var(--d-4);
  max-width: var(--width-blog-prose);
}

.entity-hero__eyebrow {
  margin: 0;
  color: var(--color-grey-500);
}

.entity-hero__title {
  margin: 0;
}

.entity-body {
  padding-block: 0 var(--d-20);
  padding-inline: var(--d-4);
  background: var(--surface);
}

@media (min-width: 40rem) {
  .entity-body {
    padding-block: 0 8.75rem;
    padding-inline: var(--d-10);
  }
}

.entity-body__inner {
  max-width: var(--width-blog-prose);
}

.entity-body__inner > :first-child {
  margin-top: 0;
}

.entity-list {
  list-style: none;
  margin: var(--d-8) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--d-6);
}

.entity-list__item {
  margin: 0;
}

.entity-list__title {
  margin: 0 0 var(--d-2);
}

.entity-list__title a {
  color: inherit;
  text-decoration: none;
}

.entity-list__title a:hover {
  text-decoration: underline;
}

.entity-list__blurb {
  margin: 0;
}