/* PLAY PAGES */
:root {
  --a: #bedee4; /* links, button bkgd */
  --body: #ccc; /* body text */
  --ghost: #111; /* notification bkgd, faint borders, nav menu hover */
  --light: #333; /* blockquotes, tags, table borders */
  --mid: #777; /* subtitles, quotes, meta, nav links, notification text */
  --dark: #bfbfbf; /* headings, synopsis, alternate button bkgd, nav hover */
  --bkgd: black; /* page bkgd, nav bkgd, button text */
}

.synopsis {
  margin: 10px 0 20px 0;
  padding: 0;
  font-size: 18pt;
  line-height: 22pt;
  font-weight: 300;
  color: var(--body);
}

.play blockquote {
  margin: 15px 0 15px 0;
}

blockquote.reaction {
  margin: 0 0 15px 0;
  border: none;
}

blockquote.reaction p {
  color: var(--mid);
  font-style: italic;
}

.cast-list {
  width: 100%;
  margin: 0 0 20px 0;
}

.cast-list tr {
  color: var(--body);
  font-size: 14pt;
  font-weight: 300;
  height: 28pt;
  border-bottom: 1px solid var(--light);
}

.cast-list tr.last {
  border: none;
}

.cast-list td.character {
}

.cast-list td.actor {
  text-align: right;
}