/* Additive fluency layer for the existing Peppies concierge. */
.pp-finder--fluent .pp-finder__inner {
  gap: var(--s-6);
}

.pp-fluent-answer {
  gap: var(--s-3);
}

.pp-fluent-community{margin-top:20px;padding:22px;border:var(--hairline);border-radius:12px;background:var(--ink-1)}
.pp-fluent-community h3{font:500 22px/1.2 'DM Sans',sans-serif;letter-spacing:-.03em;margin:0 0 16px;color:var(--bone)}
.pp-fluent-community__source{padding:16px 0;border-top:var(--hairline-soft)}
.pp-fluent-community__source h4{font:600 15px/1.4 'DM Sans',sans-serif;margin:0 0 8px;color:var(--bone)}
.pp-fluent-community .pp-fluent__copy{font:14px/1.7 'DM Sans',sans-serif;margin:8px 0}
.pp-fluent-community__link{display:inline-block;margin-top:8px;font:500 13px/1.5 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:4px}

.pp-fluent__copy,
.pp-fluent__more,
.pp-fluent__checking {
  max-width: 68ch;
  margin: 0;
  color: var(--bone-70);
  line-height: 1.65;
}

.pp-fluent__checking {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

.pp-fluent-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
  gap: var(--s-3);
  margin-top: var(--s-2);
}

.pp-fluent-result {
  min-width: 0;
  padding: var(--s-4);
  border: var(--hairline);
  border-radius: var(--r-1);
  background: var(--ink-2);
}

.pp-fluent-result__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-2);
  padding-bottom: var(--s-2);
  border-bottom: var(--hairline-soft);
}

.pp-fluent-result__name {
  margin: 0;
  color: var(--bone);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 500;
  overflow-wrap: anywhere;
}

.pp-fluent-result__count,
.pp-fluent-result__terms,
.pp-fluent-result__coa,
.pp-fluent-result__status {
  color: var(--bone-50);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.pp-fluent-result__count {
  flex: 0 0 auto;
  white-space: nowrap;
}

.pp-fluent-result__description {
  margin: var(--s-3) 0 0;
  color: var(--bone-70);
  font-size: var(--text-sm);
  line-height: 1.6;
}

.pp-fluent-result__terms,
.pp-fluent-result__coa {
  margin: var(--s-2) 0 0;
  line-height: 1.5;
}

.pp-fluent-result__coa.is-present {
  color: var(--brass);
}

.pp-fluent-result__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  margin-top: var(--s-3);
}

.pp-fluent-compact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  margin-top: var(--s-1);
}

.pp-fluent-result__status {
  display: block;
  min-height: 1.4em;
  margin-top: var(--s-2);
  color: var(--bone-70);
  text-transform: none;
}

.pp-fluent__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  margin-top: var(--s-2);
}

.pp-fluent__suggestion {
  cursor: pointer;
}

.pp-fluent-info {
  margin-top: var(--s-2);
  border-top: var(--hairline);
  color: var(--bone-50);
}

.pp-fluent-info summary {
  padding: var(--s-3) 0;
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.pp-fluent-info__body {
  display: grid;
  gap: var(--s-2);
  padding-bottom: var(--s-3);
}

.pp-fluent-info__body p {
  max-width: 72ch;
  margin: 0;
  color: var(--bone-50);
  font-size: var(--text-sm);
  line-height: 1.6;
}

.pp-finder--fluent [aria-busy="true"] {
  opacity: .82;
}

@media (max-width: 540px) {
  .pp-finder--fluent .pp-finder__scroll {
    padding-top: var(--s-5);
  }

  .pp-finder--fluent .pp-finder__barinner > .cluster {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: var(--s-2);
  }

  .pp-finder--fluent .pp-finder__close {
    flex: 0 0 auto;
  }

  .pp-fluent-result__head {
    align-items: flex-start;
  }

  .pp-fluent-result__actions .btn {
    flex: 1 1 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pp-finder--fluent *,
  .pp-finder--fluent *::before,
  .pp-finder--fluent *::after {
    animation: none !important;
    transition: none !important;
  }
}