.sc-gc {
  margin-top: 30px;
}
.sc-gc-top {
  text-align: right;
  margin-bottom: 10px;
}
.sc-gc-top-buttons {
  display: inline-block;
}
@media (max-width: 575.98px) {
  .sc-gc-top-buttons {
    margin-bottom: 5px;
  }
}
.sc-gc-top-btn {
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  /*&-red {
      color: $sen-grays-white;
      background-color: $sen-red-6;
      border-color: #4d0000;

      &:hover {
          color: $sen-grays-white;
          background-color: darken($sen-red-6, 10%);
      }
  }*/
}
@media (max-width: 575.98px) {
  .sc-gc-top-btn {
    margin-bottom: 5px;
  }
}
.sc-gc-title {
  font-size: 1.875rem;
}
.sc-gc-subtitle {
  font-size: 1.5rem;
}
.sc-gc-toc-btn {
  /*position: absolute;
  bottom: 0px;
  right: 0px;*/
  /*margin-right: 15px;*/
  margin-bottom: 0.5rem;
}
.sc-gc-toc-code {
  min-width: 5rem;
  font-weight: bold;
}
.sc-gc-toc-description {
  font-weight: bold;
}
.sc-gc-toc-heading {
  margin: 12px 0;
}
.sc-gc-toc-row {
  display: flex;
}
.sc-gc-toc-row-code {
  min-width: 5rem;
}
.sc-gc-rule > .row {
  margin-bottom: 0.3125rem;
}
.sc-gc-rule-title {
  margin-bottom: 1rem;
  color: rgb(96, 0, 0);
}
.sc-gc-rule-description {
  flex: 0 0 20%;
  max-width: 20%;
}
.sc-gc-rule-body {
  flex: 0 0 80%;
  max-width: 80%;
}
.sc-gc-rule-description, .sc-gc-rule-body {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}