/*
コード部分のシンタックスハイライトにはPrismを使用。
使用言語はrustとless。
後者は知らない言語だが、あまり色が変わらない設定のようなので、コメントだけを色づけしたいときに使っている。

Prism用の折り返し設定。
code[class*='language-'],
pre[class*='language-'] {
  white-space: pre-wrap !important;
}
……これだとpreとcode全タグが対象になってしまう。
下記のように折り返しが欲しい箇所で適用すれば十分。
*/

.recodetitle {
  background-color:#272822;
  margin-bottom: 0em;
  font-size: 1.1em;
  color: gainsboro;
  padding: 0.2em 0 0em 2em;
  border-bottom: solid 2px lightgray;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}
/*preの上のスペースと角の丸みを取る。上にタイトルがある場合用。*/
:not(#fakeID) .reprcst {
  margin-top: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/*pre・code内での折り返し。Prismでナンバリングしている場合は
両方のタグに書き込まないと番号がずれる。*/
:not(#fakeID) .rews {
  white-space: pre-wrap;
}
.reh2 {
  line-height: 1.25;
  color: midnightblue;
  border-top: none;
  border-right: none;
  border-bottom: solid 2px deeppink;
  border-left: solid 8px deeppink;
  padding: 8px 5px 5px 8px;
}
.reh3 {
  line-height: 1.2;
  color: navy;
  font-weight: bold;
  border-top: none;
  border-right: none;
  border-left: solid 6px magenta;
  border-bottom: none;
  padding-left: 8px;
  margin-top: 1.6rem;
}
.ret {
  margin-bottom: 1.6rem;
}
.rethalf {
  margin-bottom: 0.8rem;
}
.recmt {
  font-size: 90%;
  color: navy;
  text-indent: -1em;
  margin: 0.4em 0 0.4em 2em;
}

/*****************************************************************************/

@media (max-width: 767px) {
  .recmt {
    margin-left: 1em;
  }
}