body.page-app-listings {
  --app-listings-border: rgba(220, 226, 241, 0.9);
  --app-listings-muted: #627497;
  --app-listings-surface: #ffffff;
  --app-listings-surface-alt: #f5f8ff;
  --app-listings-chip: #edf3ff;
  --app-listings-shadow: 0 18px 38px rgba(8, 20, 61, 0.08);
  --app-listings-radius: 8px;
  --app-listings-sidebar-width: 248px;
  --app-listings-header-offset: 96px;
  --app-listings-sticky-gap: 12px;
  --app-listings-toolbar-offset: calc(var(--app-listings-header-offset) + var(--app-listings-sticky-gap));
  --app-listings-toolbar-height: 56px;
  --app-listings-sidebar-top: calc(var(--app-listings-toolbar-offset) + var(--app-listings-toolbar-height) + 12px);
  --app-listings-logo-size: 72px;
  padding-bottom: 0;
}

.app-listings-shell[hidden] {
  display: none !important;
}

body[data-app-listings-enhanced="true"] .app-listings-source {
  display: none;
}

.app-listings-shell {
  padding: 1.5rem 0 3.5rem;
}

.app-listings-workbench {
  margin-bottom: 1rem;
}

.app-listings-intro {
  display: grid;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: linear-gradient(180deg, rgba(245, 248, 255, 0.94), rgba(255, 255, 255, 0.98));
  box-shadow: var(--app-listings-shadow);
}

.app-listings-intro__eyebrow,
.app-listings-results__eyebrow,
.app-listings-dialog__eyebrow {
  margin: 0 0 0.45rem;
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 760;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.app-listings-results__eyebrow {
  display: none;
}

.app-listings-intro h1 {
  max-width: none;
  margin: 0;
  font-size: clamp(1.8rem, 2.35vw, 2.35rem);
  line-height: 1.05;
  letter-spacing: 0;
}

.app-listings-intro__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.75rem 1rem;
}

.app-listings-intro__count {
  margin: 0;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: var(--app-listings-chip);
  color: var(--blue);
  font-size: 0.9rem;
  font-weight: 720;
  white-space: nowrap;
}

.app-listings-intro .lead {
  max-width: 64rem;
  margin: 0;
  color: var(--app-listings-muted);
  font-size: 0.9rem;
  line-height: 1.42;
}

.app-listings-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: end;
  margin-top: 0.7rem;
  padding: 0.8rem 1rem;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 32px rgba(8, 20, 61, 0.08);
  backdrop-filter: blur(14px);
}

.app-listings-toolbar__search {
  display: grid;
  gap: 0.35rem;
}

.app-listings-toolbar__search-field {
  position: relative;
}

.app-listings-toolbar__search label,
.app-listings-toolbar__sort span {
  color: var(--navy);
  font-size: 0.8rem;
  font-weight: 680;
}

.app-listings-toolbar__search input,
.app-listings-toolbar__sort select {
  min-height: 46px;
  width: 100%;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: #fff;
  color: var(--navy);
  font: inherit;
}

.app-listings-toolbar__search input {
  padding: 0 5.5rem 0 0.95rem;
}

.app-listings-toolbar__search-clear {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  min-height: 36px;
  padding: 0 0.85rem;
  border: 1px solid var(--app-listings-border);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 680;
  transform: translateY(-50%);
}

.app-listings-toolbar__search-clear[hidden] {
  display: none !important;
}

.app-listings-toolbar__sort {
  display: grid;
  gap: 0.35rem;
  min-width: 170px;
}

.app-listings-toolbar__sort select {
  padding: 0 0.85rem;
}

.app-listings-toolbar__actions {
  display: flex;
  gap: 0.9rem;
  align-items: end;
}

.app-listings-toolbar__filters {
  display: none;
  min-height: 52px;
  padding: 0 1rem;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-weight: 680;
  white-space: nowrap;
}

.app-listings-toolbar__filters span {
  display: inline-flex;
  min-width: 1.5rem;
  justify-content: center;
  margin-left: 0.35rem;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  background: var(--app-listings-chip);
  color: var(--blue);
  font-size: 0.82rem;
}

.app-listings-layout {
  display: grid;
  grid-template-columns: var(--app-listings-sidebar-width) minmax(0, 1fr);
  gap: 1.35rem;
  align-items: start;
}

.app-listings-sidebar,
.app-listings-results,
.app-listings-dialog__surface {
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: var(--app-listings-surface);
  box-shadow: var(--app-listings-shadow);
}

.app-listings-sidebar {
  position: sticky;
  top: var(--app-listings-sidebar-top);
  max-height: calc(100vh - var(--app-listings-sidebar-top) - 24px);
  overflow: auto;
}

.app-listings-sidebar__header,
.app-listings-results__header,
.app-listings-dialog__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem 0.6rem;
}

.app-listings-sidebar__header {
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid var(--app-listings-border);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
}

.app-listings-sidebar__header h2,
.app-listings-results__header h2,
.app-listings-dialog__header h2,
.app-listings-empty h3 {
  margin: 0;
  color: var(--navy);
}

.app-listings-sidebar__header h2,
.app-listings-results__header h2,
.app-listings-dialog__header h2 {
  font-size: 1.1rem;
}

.app-listings-sidebar__header button,
.app-listings-empty button,
.app-listings-dialog__close,
.app-listings-dialog__actions button {
  min-height: 40px;
  padding: 0 0.95rem;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-weight: 670;
}

.app-listings-sidebar__header button:disabled,
.app-listings-empty button:disabled,
.app-listings-dialog__actions button:disabled,
.app-listings-toolbar__search-clear:disabled {
  opacity: 0.45;
  cursor: default;
}

.app-listings-facet-group {
  border-top: 1px solid var(--app-listings-border);
}

.app-listings-facet-group:first-of-type {
  border-top: 0;
}

.app-listings-facet-group__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 44px;
  padding: 0.75rem 1rem;
  cursor: pointer;
  list-style: none;
}

.app-listings-facet-group__summary::-webkit-details-marker {
  display: none;
}

.app-listings-facet-group__summary::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-right: 2px solid #7f90b4;
  border-bottom: 2px solid #7f90b4;
  transform: rotate(45deg);
  transition: transform 0.16s ease;
}

.app-listings-facet-group[open] > .app-listings-facet-group__summary::after {
  transform: rotate(225deg);
}

.app-listings-facet-group__summary h3 {
  margin: 0;
  color: var(--navy);
  font-size: 0.95rem;
}

.app-listings-facet-group__summary small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.45rem;
  min-height: 1.45rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: var(--app-listings-chip);
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 750;
}

.app-listings-facet-group__summary small[hidden] {
  display: none !important;
}

.app-listings-facet-group > [data-app-listings-facet] {
  padding: 0 1rem 1rem;
}

.app-listings-audience {
  display: grid;
  gap: 0.75rem;
  padding: 0 1rem 1rem;
}

.app-listings-audience__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
  padding: 0.25rem;
  border: 1px solid var(--app-listings-border);
  border-radius: 6px;
  background: var(--app-listings-surface-alt);
}

.app-listings-audience__tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 34px;
  padding: 0 0.45rem;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--app-listings-muted);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 720;
}

.app-listings-audience__tabs button[aria-selected="true"] {
  background: #fff;
  color: var(--navy);
  box-shadow: 0 6px 14px rgba(8, 20, 61, 0.08);
}

.app-listings-audience__tabs span {
  display: inline-flex;
  min-width: 1.25rem;
  justify-content: center;
  padding: 0.05rem 0.32rem;
  border-radius: 999px;
  background: var(--app-listings-chip);
  color: var(--blue);
  font-size: 0.74rem;
}

.app-listings-facet-list {
  display: grid;
  gap: 0.45rem;
}

.app-listings-facet-list--grouped {
  gap: 0.75rem;
}

.app-listings-facet-cluster {
  border: 1px solid var(--app-listings-border);
  border-radius: 6px;
  background: #fff;
}

.app-listings-facet-cluster__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 44px;
  padding: 0.55rem 0.75rem;
  cursor: pointer;
  color: var(--navy);
  font-size: 0.9rem;
  font-weight: 700;
  list-style: none;
}

.app-listings-facet-cluster__summary::-webkit-details-marker {
  display: none;
}

.app-listings-facet-cluster__summary small {
  color: var(--app-listings-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.app-listings-facet-cluster__body {
  padding: 0 0.5rem 0.55rem;
}

.app-listings-facet-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
  min-height: 40px;
  padding: 0.4rem 0.55rem;
  border-radius: 6px;
  cursor: pointer;
}

.app-listings-facet-option:hover {
  background: var(--app-listings-surface-alt);
}

.app-listings-facet-option input {
  margin: 0;
}

.app-listings-facet-option span {
  min-width: 0;
  color: var(--navy);
  font-size: 0.91rem;
  line-height: 1.35;
}

.app-listings-facet-option__copy {
  min-width: 0;
}

.app-listings-facet-option__label {
  display: block;
  font-size: 0.9rem;
}

.app-listings-facet-option small {
  color: var(--app-listings-muted);
  font-size: 0.82rem;
}

.app-listings-facet-option.is-disabled {
  opacity: 0.45;
}

.app-listings-facet-option.is-disabled input {
  pointer-events: none;
}

.app-listings-results__count {
  margin: 0;
  color: var(--app-listings-muted);
  font-size: 0.9rem;
  line-height: 1.4;
  text-align: right;
  white-space: nowrap;
}

.app-listings-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0 1rem 0.8rem;
}

.app-listings-active-filters:empty {
  display: none;
}

.app-listings-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 32px;
  padding: 0 0.8rem;
  border: 0;
  border-radius: 999px;
  background: var(--app-listings-chip);
  color: var(--blue);
  font: inherit;
  font-size: 0.85rem;
  font-weight: 670;
}

.app-listings-chip span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  background: rgba(21, 87, 255, 0.12);
  font-size: 0.8rem;
}

.app-listings-list {
  margin: 0;
  padding: 0 1rem;
  list-style: none;
}

.app-listings-featured {
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
  box-shadow: var(--app-listings-shadow);
}

.app-listings-featured[hidden] {
  display: none;
}

.app-listings-featured__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.95rem 1rem 0.55rem;
}

.app-listings-featured__eyebrow {
  margin: 0;
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: uppercase;
}

.app-listings-featured h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 760;
}

.app-listings-featured__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 1rem 0.9rem;
}

.app-listings-featured__item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) max-content;
  grid-template-areas: "media body action";
  gap: 0.65rem 0.8rem;
  align-items: start;
  min-width: 0;
  padding: 0.75rem 0.85rem;
  border-left: 1px solid var(--app-listings-border);
}

.app-listings-featured__item:first-child {
  border-left: 0;
  padding-left: 0;
}

.app-listings-featured__media {
  grid-area: media;
  display: flex;
  align-items: center;
}

.app-listings-featured__media .app-listings-item__logo {
  inline-size: 56px;
  block-size: 56px;
}

.app-listings-featured__body {
  grid-area: body;
  min-width: 0;
}

.app-listings-featured__title {
  display: inline-flex;
  margin-bottom: 0.25rem;
  color: var(--navy);
  font-size: 0.9rem;
  font-weight: 740;
  line-height: 1.2;
}

.app-listings-featured__title:hover,
.app-listings-featured__title:focus-visible {
  color: var(--blue);
}

.app-listings-featured__body p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--app-listings-muted);
  font-size: 0.78rem;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.app-listings-featured__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
}

.app-listings-featured__meta li {
  min-width: 0;
  padding: 0.18rem 0.5rem;
  border: 1px solid rgba(220, 226, 241, 0.78);
  border-radius: 999px;
  color: var(--navy);
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.2;
}

.app-listings-featured__action {
  grid-area: action;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  align-self: start;
  width: fit-content;
  min-height: 32px;
  padding: 0.22rem 0.05rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--blue);
  font-size: 0.89rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
  white-space: nowrap;
}

.app-listings-featured__action:hover,
.app-listings-featured__action:focus-visible {
  color: var(--blue2);
  text-decoration-thickness: 0.11em;
}

.app-listings-item {
  display: grid;
  grid-template-columns: var(--app-listings-logo-size) minmax(0, 1fr) max-content;
  grid-template-areas: "media body actions";
  gap: 1rem 0.85rem;
  align-items: start;
  padding: 0.8rem 0;
  border-top: 1px solid var(--app-listings-border);
}

.app-listings-item:first-child {
  border-top: 1px solid var(--app-listings-border);
}

.app-listings-item__media {
  grid-area: media;
  display: flex;
  align-items: center;
  min-width: 0;
}

.app-listings-item__logo {
  display: block;
  flex: 0 0 auto;
  inline-size: var(--app-listings-logo-size);
  block-size: var(--app-listings-logo-size);
  aspect-ratio: 1;
  object-fit: contain;
  pointer-events: none;
}

.app-listings-item__body {
  grid-area: body;
  display: grid;
  gap: 0.55rem;
  min-width: 0;
  align-self: start;
}

.app-listings-item__copy {
  min-width: 0;
}

.app-listings-item__title {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.25rem;
  color: var(--navy);
  font-size: 0.94rem;
  font-weight: 720;
}

.app-listings-item__title:hover,
.app-listings-item__title:focus-visible {
  color: var(--blue);
}

.app-listings-item__summary {
  margin: 0;
  color: var(--app-listings-muted);
  font-size: 0.82rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.app-listings-item__audience-match {
  margin: 0.25rem 0 0;
  color: var(--blue);
  font-size: 0.78rem;
  font-weight: 680;
  line-height: 1.3;
}

.app-listings-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.app-listings-item__meta li {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  width: fit-content;
  max-width: 100%;
  padding: 0 0.65rem;
  border-radius: 999px;
  background: var(--app-listings-surface-alt);
  color: var(--navy);
  font-size: 0.78rem;
  font-weight: 650;
}

.app-listings-item__actions {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
  justify-self: end;
  align-self: start;
  padding-top: 0.12rem;
}

.app-listings-item__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 32px;
  padding: 0.22rem 0.05rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--blue);
  font-size: 0.89rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
  white-space: nowrap;
}

.app-listings-item__actions a:hover,
.app-listings-item__actions a:focus-visible {
  color: var(--blue2);
  text-decoration-thickness: 0.11em;
}

.app-listings-empty {
  padding: 1.25rem 1rem 0;
}

.app-listings-empty p {
  margin: 0.6rem 0 1rem;
  color: var(--app-listings-muted);
  line-height: 1.5;
}

.app-listings-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid var(--app-listings-border);
}

.app-listings-pagination__summary {
  color: var(--app-listings-muted);
  font-size: 0.9rem;
}

.app-listings-pagination__spacer {
  flex: 1 1 auto;
}

.app-listings-pagination__pages {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.app-listings-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  color: var(--app-listings-muted);
  font-weight: 680;
}

.app-listings-pagination button {
  min-width: 42px;
  min-height: 42px;
  padding: 0 0.8rem;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-weight: 680;
}

.app-listings-pagination button[aria-current="page"] {
  border-color: var(--blue);
  color: #fff;
  background: var(--blue);
}

.app-listings-pagination button:disabled {
  opacity: 0.45;
}

.app-listings-noscript {
  padding: 0 0 1rem;
}

.app-listings-noscript p {
  margin: 0;
  padding: 0.9rem 1rem;
  border: 1px solid var(--app-listings-border);
  border-radius: var(--app-listings-radius);
  background: var(--app-listings-surface-alt);
  color: var(--app-listings-muted);
  line-height: 1.5;
}

.app-listings-dialog {
  width: min(100%, 38rem);
  border: 0;
  padding: 0;
  background: transparent;
}

.app-listings-dialog::backdrop {
  background: rgba(8, 20, 61, 0.48);
}

.app-listings-dialog__surface {
  display: grid;
  max-height: min(88vh, 54rem);
  overflow: hidden;
}

.app-listings-dialog__header {
  border-bottom: 1px solid var(--app-listings-border);
}

.app-listings-dialog__body {
  overflow: auto;
  padding-bottom: 0.5rem;
}

.app-listings-dialog__actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid var(--app-listings-border);
  background: rgba(255, 255, 255, 0.97);
  position: sticky;
  bottom: 0;
}

.app-listings-dialog__actions button:last-child {
  border-color: var(--blue);
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--blue2));
}

.app-listings-facet-group--accordion {
  margin: 0.75rem 1rem 0;
  padding: 0;
  overflow: hidden;
}

.app-listings-facet-group--accordion + .app-listings-facet-group--accordion {
  margin-top: 0.6rem;
}

.app-listings-facet-group--accordion[open] {
  background: var(--app-listings-surface-alt);
}

.app-listings-facet-group--accordion .app-listings-facet-group__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0.75rem 0.9rem;
  cursor: pointer;
  color: var(--navy);
  font-size: 0.94rem;
  font-weight: 700;
  list-style: none;
}

.app-listings-facet-group--accordion .app-listings-facet-group__summary::-webkit-details-marker {
  display: none;
}

.app-listings-facet-group--accordion .app-listings-facet-group__body {
  padding: 0 0.75rem 0.8rem;
}

@media (max-width: 1080px) {
  .app-listings-toolbar {
    grid-template-columns: 1fr;
    position: static;
  }

  .app-listings-toolbar__actions {
    justify-content: space-between;
  }

  .app-listings-toolbar__filters {
    display: inline-flex;
    align-items: center;
  }

  .app-listings-layout {
    grid-template-columns: 1fr;
  }

  .app-listings-sidebar {
    display: none;
  }
}

@media (max-width: 900px) {
  body.page-app-listings {
    --app-listings-logo-size: 64px;
  }

  .app-listings-shell {
    padding-top: 1rem;
  }

  .app-listings-intro {
    padding: 0.9rem 1rem;
  }

  .app-listings-toolbar__actions {
    gap: 0.75rem;
  }

  .app-listings-results__header {
    display: grid;
    gap: 0.6rem;
  }

  .app-listings-results__count {
    text-align: left;
  }

  .app-listings-featured__list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .app-listings-featured__item {
    border-left: 0;
    border-top: 1px solid var(--app-listings-border);
    padding: 0.8rem 0;
  }

  .app-listings-featured__item:first-child {
    border-top: 0;
  }

  .app-listings-item {
    grid-template-columns: var(--app-listings-logo-size) minmax(0, 1fr) max-content;
    grid-template-areas: "media body actions";
    gap: 0.75rem 0.8rem;
    align-items: start;
  }

  .app-listings-item__actions {
    justify-content: flex-end;
  }

  .app-listings-pagination {
    justify-content: space-between;
  }

  .app-listings-pagination__summary {
    order: -1;
    width: 100%;
  }

  .app-listings-pagination__spacer,
  .app-listings-pagination__pages {
    display: none;
  }
}

@media (max-width: 620px) {
  body.page-app-listings {
    --app-listings-logo-size: 56px;
  }

  .app-listings-toolbar__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .app-listings-toolbar__filters,
  .app-listings-toolbar__sort {
    min-width: 0;
    width: auto;
  }

  .app-listings-item {
    grid-template-columns: var(--app-listings-logo-size) minmax(0, 1fr) max-content;
    gap: 0.65rem 0.7rem;
  }

  .app-listings-item__meta li {
    font-size: 0.8rem;
  }

  .app-listings-item__summary {
    -webkit-line-clamp: 4;
  }

  .app-listings-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .app-listings-dialog__surface {
    height: 100%;
    max-height: none;
    border-radius: 0;
  }

  .app-listings-dialog__actions {
    padding: 0.85rem 1rem calc(0.85rem + env(safe-area-inset-bottom));
  }

  .app-listings-dialog__actions button {
    flex: 1 1 0;
  }
}

@media (min-width: 1081px) {
  .app-listings-intro {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: end;
    column-gap: 1rem;
    row-gap: 0.3rem;
  }

  .app-listings-intro__eyebrow,
  .app-listings-intro__title-row {
    grid-column: 1;
  }

  .app-listings-intro .lead {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
  }

  .app-listings-toolbar {
    position: sticky;
    top: var(--app-listings-toolbar-offset);
    z-index: 18;
  }
}