#rules {
  padding: 20px;

  #rules_nav {
    list-style: disc inside;
    margin: 10px 20px 20px;
  }

  .rule {
    padding: 0 0 10px 10px;
    line-height: 18px;
    font-size: 0.9em;
    color: #383e64;
    overflow: hidden;

    a {
      color: #222;
      font-weight: 700;
      font-size: 1.1em;
      text-decoration: underline;
      &:hover {
        color: dodgerblue;
      }
    }

    strong {
      color: black;
    }

    ul {
      list-style: disc inside;
      margin: 10px 20px 20px;
      display: block;
    }

    .example {
      background: lightcyan;
      border: 1px solid skyblue;
      margin: 10px 20px 20px 30px;
      padding: 10px 20px;
      font-size: 0.8em;
    }

    p {
      margin: 10px;
    }

    em {
      font-style: italic;
    }

    h3 {
      font-size: 1.35em;
      font-weight: 700;
      margin: 5px 0 10px;
      color: black;
    }

    h4 {
      font-size: 1.25em;
      font-weight: 700;
      text-decoration: underline;
      margin: 10px;
    }

    h5 {
      margin: 10px 0 0 30px;
      font-weight: 700;
    }
  }
}