/* Conversational reading layer for the six long-form reference reports. */
.longform-conversation {
  --conversation-ink: #172536;
  --conversation-muted: #526276;
  --conversation-paper: #fffdf9;
  --conversation-accent: #b86b2b;
}

.longform-conversation main p,
.longform-conversation main li,
.longform-conversation header p {
  text-wrap: pretty;
}

.longform-conversation main section > p:not(.small):not(.note),
.longform-conversation main section > div > p:not(.small):not(.note) {
  max-width: 76ch;
}

.longform-conversation main h2 {
  max-width: 28ch;
  text-wrap: balance;
}

.longform-conversation main h3 {
  text-wrap: balance;
}

.longform-conversation .conversation-cue {
  max-width: 76ch;
  margin: 1.1rem 0 0;
  padding: 1rem 1.15rem;
  border-left: 4px solid var(--conversation-accent);
  border-radius: 0 .55rem .55rem 0;
  background: #fff7ef;
  color: var(--conversation-ink);
  font-size: 1.03rem;
}

.longform-conversation .conversation-cue strong {
  color: inherit;
}

.longform-conversation details > summary {
  line-height: 1.35;
}

.longform-conversation table {
  line-height: 1.4;
}

@media (max-width: 720px) {
  .longform-conversation .conversation-cue {
    padding: .9rem 1rem;
  }
}

@media print {
  .longform-conversation .conversation-cue {
    border: 1px solid #b8b8b8;
    border-left-width: 4px;
    background: white;
  }
}