.show_list {
  max-width: 600px;
  margin: auto;
  text-align: left;
  a:link, a:visited { color: black; }
  a:hover { color: gray; }
  ul {
    padding-left: 0;
    list-style-type: none; 
  }
  li {
    padding-bottom:0.3em;
    margin-left: 10ch;
    text-indent: -5ch;
  }
}

@media all and (max-width: 600px) {
.show_list {
    li {
    padding-bottom:0.3em;
    margin-left: 5ch;
    text-indent: -5ch;
  }
}
}

.show_links {
  display:table;
  width:100%;
  a {
    font-size: 0.8em;
    font-style: italic;
  }
  a:link, a:visited { color: #000; }
  a:hover {color: #888; }
  a:active {color: #888;  text-decoration: underline; }

.link_row {
    display:table-row;
}
.link_left {
    display:table-cell;
    text-align:left;
    width:25%;
}
.link_center {
    display:table-cell;
    text-align:center;
    width:50%;
}
.link_right {
    display:table-cell;
    text-align:right;
    width:25%;
}
}


.show_year {
  p {
    text-align: center;
    font-style: italic;
    font-weight: bold;
  }
}

.show_page {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}



.show_page_box {
  text-align: left;
  border: 1pt solid gray;
  padding-left: 6pt;
  padding-right: 6pt;
}

.show_grid {
    display: grid;
    grid-template-columns: 25% auto;
    ul {
      list-style-type: none;
      margin:0;
      padding:0;
    }
    li {
      padding-left: 2ch;
      text-indent: -2ch;
      margin-bottom:0.2em;
    }
  }
  .show_q {
    font-weight: bold;
    margin-top: 1em;
  }
  .show_a {
    margin-top: 1em;
  }
  .sm {
    margin-top: 0.2em;
    padding: 0;
  }

@media all and (max-width: 600px) {
  .show_grid {
    display: grid;
    grid-template-columns: 100%;
  }
  .show_a {
    margin-left: 2ch;
    margin-top: 0.2em;
  }
}

  .show_char {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-left: 2ch;
    text-indent: -2ch;
  }
  .show_actor {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    padding-left: 3ch;
    text-indent: -2ch;
  }
@media all and (max-width: 600px) {
  .show_char {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 2ch;
    text-indent: -2ch;
  }
  .show_actor {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 5ch;
    text-indent: -2ch;
  }
}

  .show_line {
    display: grid;
    grid-template-columns: 25% auto;
    gap: 0.2ch;
    margin-bottom: 1em;
  }
  .line_char {
    font-weight:bold;
    font-style:italic;
    padding-left: 4ch;
  }
  .line_text {

  }
@media all and (max-width: 600px) {
  .line_char {
    padding-left: 1ch;
  }
}

  .showtitle {
    p {
      font-size: 2.2rem;
      font-weight: bold;
      text-align:center;
      margin: 0pt;
    }
  }
  .showalttitle {
    p {
      font-size: 1.6rem;
      font-style: italic;
      text-align:center;
      margin: 0pt;
    }
  }
  .orbox  {
    p {
      font-size: 1em;
      font-style: italic;
      text-align: center;
      margin: 0pt;
    }
  }