/* Story findings: the takes PlaymakerAI found for a match, grouped by the side
   they are about. The headline is the thing to read; the strength, the number
   behind it and the desk's two actions sit around it, small. */

.pitch-site--app .editorial-findings__lead {
  max-width: 70ch;
}

.pitch-site--app .editorial-findings__quality {
  border-left: 3px solid var(--ps-sun, #e8b93b);
  padding-left: var(--space-xs);
}

.pitch-site--app .editorial-findings__side {
  border-bottom: 1px solid var(--color-border);
  font-weight: 700;
  padding-bottom: var(--space-xxs);
}

.pitch-site--app .editorial-finder__checks {
  padding-left: 1.2em;
}

.pitch-site--app .editorial-take {
  background: var(--color-bg, #fff);
  border: 1px solid color-mix(in oklab, var(--ps-ink) 16%, transparent);
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s) var(--space-l);
  padding: var(--space-s) var(--space-m, 1rem);
}

.pitch-site--app .editorial-take--saved {
  border-left: 3px solid var(--ps-green, #1c7c4a);
}

.pitch-site--app .editorial-take--dismissed {
  opacity: 0.6;
}

.pitch-site--app .editorial-take__text {
  flex: 1 1 22rem;
  min-inline-size: 0;
}

.pitch-site--app .editorial-take__eyebrow {
  color: color-mix(in oklab, var(--ps-ink) 70%, transparent);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pitch-site--app .editorial-take__title {
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin: 0;
}

.pitch-site--app .editorial-take__title a {
  color: var(--ps-ink);
  text-decoration: none;
}

.pitch-site--app .editorial-take__title a:hover,
.pitch-site--app .editorial-take__title a:focus-visible {
  text-decoration: underline;
}

.pitch-site--app .editorial-take__stat {
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
}

.pitch-site--app .editorial-take__stat strong {
  font-size: 1.05rem;
}

.pitch-site--app .editorial-take__summary {
  display: -webkit-box;
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 70ch;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.pitch-site--app .editorial-take__chart {
  align-self: center;
  flex: 0 1 20rem;
  min-inline-size: 0;
}

.pitch-site--app .editorial-take__chart svg {
  block-size: auto;
  inline-size: 100%;
}

.pitch-site--app .editorial-take__chart .chart-legend {
  gap: 2px 12px;
}

.pitch-site--app .editorial-take__chart .chart-legend__entry {
  font-size: 11px;
}

/* Strength in a word and three bars, filled by how firmly the data backs the
   take, so a reader never has to know what a score of 82 means. */
.pitch-site--app .editorial-strength {
  align-items: center;
  cursor: help;
  display: inline-flex;
  gap: 6px;
}

.pitch-site--app .editorial-strength__bars {
  align-items: flex-end;
  display: inline-flex;
  gap: 2px;
}

.pitch-site--app .editorial-strength__bars span {
  background: color-mix(in oklab, var(--ps-ink) 18%, transparent);
  border-radius: 1px;
  display: block;
  inline-size: 4px;
}

.pitch-site--app .editorial-strength__bars span:nth-child(1) { block-size: 6px; }
.pitch-site--app .editorial-strength__bars span:nth-child(2) { block-size: 9px; }
.pitch-site--app .editorial-strength__bars span:nth-child(3) { block-size: 12px; }

.pitch-site--app .editorial-strength--worth_a_look .editorial-strength__bars span:nth-child(-n+1),
.pitch-site--app .editorial-strength--solid .editorial-strength__bars span:nth-child(-n+2),
.pitch-site--app .editorial-strength--strong .editorial-strength__bars span {
  background: var(--ps-ink);
}