/* Copyright Ayers Electronics Inc. All rights reserved. */
/* a title's whole story. */

/* The reading dialog the credits use (css/components/dialogs.css, credits.css), holding one story: the
   title, then the story in its reading size, scrolling inside the card under Up and Down when it is
   taller than the card. It stands over the page layer the way the report and the credits do. */
#overviewCard {
  z-index: 35;
}
.overview-card {
  width: min(90vw, 620px);
  display: flex;
  flex-direction: column;
  text-align: left;
}
/* The title keeps clear of the X in the card's corner. */
.overview-card .dialog-title {
  padding-right: 48px;
  color: var(--text);
  letter-spacing: normal;
}
.overview-card-text {
  margin-top: 10px;
  max-height: 60vh;
  overflow-y: auto;
  font-size: var(--type-body);
  line-height: 1.5;
  color: var(--text);
  white-space: pre-line;
}