/* ------ API リファレンスドキュメント用スタイル ------ */

/* コードブロック (pre) - ダークテーマ、Prism tomorrow と調和 */
pre.code-block {
    background-color: #1e1e1e;
    border: 1px solid #30363d;
    border-radius: 4px;
    padding: 16px;
    overflow-x: auto;
    white-space: pre;
    line-height: 1.5;
    font-size: 0.88rem;
    margin: 0 0 20px 0;
}

pre.code-block code {
    font-family: "Consolas", "Menlo", "Monaco", "Courier New", monospace;
    color: #d4d4d4;
    background: none;
    padding: 0;
}

/* 言語ごとの左ボーダー色 (Prism 互換のクラス名) */
pre.code-block.language-json { border-left: 4px solid #6e7681; }
pre.code-block.language-javascript { border-left: 4px solid #F7DF1E; }
pre.code-block.language-python { border-left: 4px solid #3572A5; }
pre.code-block.language-bash { border-left: 4px solid #4EAA25; }

/* 言語ラベル (コードブロック直前のピル型タグ) */
.code-lang-label {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px 10px 0 0;
    margin-top: 12px;
    letter-spacing: 0.5px;
}

.code-lang-label.lang-json { background-color: #6e7681; }
.code-lang-label.lang-javascript { background-color: #8a7d0b; }
.code-lang-label.lang-python { background-color: #3572A5; }
.code-lang-label.lang-bash { background-color: #3a7a1c; }

/* コードブロックヘッダ (doc.js で動的にラップ) - ラベル左端・コピーボタン右端 */
.code-block-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* コードコピーボタン (doc.js で動的挿入) */
.code-copy-btn {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px 10px 0 0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: #30363d;
    border: none;
    cursor: pointer;
    font-family: inherit;
    vertical-align: bottom;
    transition: background-color 0.2s ease;
}

.code-copy-btn:hover {
    background-color: #484f58;
}

.code-copy-btn.is-copied {
    background-color: #238636;
}

.code-copy-btn.is-failed {
    background-color: #da3633;
}

/* インラインコード (パラメータ名・URL断片等) */
.card p code,
.card li code,
.card td code,
.card dd code {
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 3px;
    padding: 1px 5px;
    font-family: "Consolas", "Menlo", "Monaco", "Courier New", monospace;
    font-size: 0.9em;
}

/* レスポンスフィールド表の説明列は少し広めのパディング */
.bistan-table td.left {
    padding: 10px 14px;
}