/* Qiita風 ダークモード用 highlight.js スタイル */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  background: #282c34;   /* 背景 */
  color: #abb2bf;        /* 通常の文字色 */
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.9em;
  line-height: 1.5;
  border-radius: 4px;
}

/* コメント・引用 */
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

/* キーワード・セレクター */
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: #c678dd;
}

/* 関数名・属性名 */
.hljs-title,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #61afef;
}

/* 変数名 */
.hljs-variable,
.hljs-template-variable {
  color: #d19a66;
}

/* 文字列・属性値 */
.hljs-string,
.hljs-doctag,
.hljs-addition {
  color: #98c379;
}

/* 数字・定数 */
.hljs-number {
  color: #d19a66;
}

/* 正規表現・シンボル */
.hljs-regexp,
.hljs-symbol {
  color: #56b6c2;
}

/* 削除された行（差分など） */
.hljs-deletion {
  color: #e06c75;
}

/* タグや構文的な装飾 */
.hljs-meta {
  color: #abb2bf;
  font-style: italic;
}

.hljs-comment {
  color: #7ec699 !important; /* 明るい緑 */
  font-style: italic;         /* 任意：斜体にする */
}

h1 {
    font-size: 2.5rem !important;
    font-weight: bold !important;
    color: #0d4c8f;
}
h2 {
  border-left: 10px solid lightgray;       /* 左の縦線 */
  border-bottom: 1px solid lightgray;     /* 下の横線 */
  padding: 0.1em 0.5em 0.1em 0.5em;    /* 左に余白（縦線との間） */
  font-weight: bold;
  font-size: 1.7rem;
}

h3 {
  font-weight: bold;
  font-size: 1.3rem;
}
body {
  font-family: meiryo;
}
.jumbotron {
  padding: 4.8rem 2rem 1rem 4rem;
  border-radius: 0;
}

.display-3:first-letter {
    background-color:#007bff; 
    color:#ffffff; 
    padding:5px 20px; 
    font-weight:bold; 
    border-radius: .4rem;
}

pre {
    font-size:100% !important;
}
code {
    border-radius: .4rem !important;
}