/* 検索フォームの入力とボタンの配置 */
.pdf-insight-search-input-group {
    display: flex; /* flexboxを使って横並びにする */
    align-items: center; /* 垂直方向の中央揃え */
    gap: 10px; /* 入力フィールドとボタンの間にスペースを追加 */
    width: 100%; /* 親要素の幅いっぱいに広げる */
    max-width: 600px; /* 必要であれば最大幅を設定 */
}

.pdf-insight-search-input {
    flex-grow: 1; /* 残りの利用可能な幅を全て占める */
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box; /* paddingとborderをwidthに含める */
    min-width: 0; /* flexアイテムの最小幅を0に設定し、内容がはみ出さないようにする */
}

.pdf-insight-search-button {
    flex-shrink: 0; /* 幅が縮まないようにする */
    padding: 8px 15px;
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap; /* ボタン内のテキストが改行されないようにする */
    width: 80px; /* 固定幅を設定 (例: 80px) */
    text-align: center;
    box-sizing: border-box; /* paddingとborderをwidthに含める */
}

/* 検索結果見出しのスタイル */
.pdf-insight-search-heading-box {
    background-color: #0073aa; /* 検索ボタンと同じ背景色 */
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 17px; /* 今より小さく */
    font-weight: bold; /* boldのまま */
    display: inline-block; /* ボックスで囲み、テキストの長さに合わせる */
    text-align: left; /* 左寄せを明示 */
    /* margin: 30px 10px;  */
}

/* 関連PDFセクションとAI回答セクションの初期非表示と余白 */
#ai_response_section,
#related_pdfs_section,
#debug_info_section {
    display: none; /* 初期は非表示 */
    margin-top: 40px;
}

/* 関連PDFセクションの上部余白 */
#related_pdfs_section {
    margin-top: 40px; /* 指定された余白 */
}

#related_pdfs_list {
    margin: 0;
}