/* m-collector マニュアル用追加スタイル */

/* スクリーンショット画像のスタイル */
img {
    max-width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 1em 0;
}

/* テーブルのスタイル改善 */
table {
    width: 100%;
}

/* 注意書きボックスのスタイル */
.admonition.warning {
    border-left-color: #ff9800;
}

.admonition.tip {
    border-left-color: #4caf50;
}

.admonition.example {
    border-left-color: #2196f3;
}

/* フローの見出し */
h2 {
    border-bottom: 2px solid #3f51b5;
    padding-bottom: 0.3em;
}

/* コードブロック内のフロー表示 */
pre code {
    font-size: 0.9em;
}