/**
 * 投稿確認モーダル共通スタイル
 *
 * include/post-confirm-modal.php と js/utils/post-confirm.js とセット。
 * [data-modal-content] / [data-modal-images] / [data-modal-loader] の見た目を統一する。
 */

/* 投稿内容ラッパー */
.postConfirm-Modal_Content {
    color: #222;
    line-height: 1.7;
}
.postConfirm-Modal_Content:empty {
    display: none;
}

/* タイトル行（Q&A 等） */
.postConfirm-Title {
    font-size: 1.05em;
    font-weight: bold;
    color: #222;
    border-bottom: 1px solid rgba(34, 34, 34, .12);
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
}

/* 本文 */
.postConfirm-Body {
    word-break: break-word;
}

/* 追加情報（カテゴリー / 公開先 / 公開日時 等） */
.postConfirm-Meta {
    margin: 1rem 0 0;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.95em;
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 1rem;
    row-gap: 0.5rem;
}
.postConfirm-Meta dt {
    color: rgba(34, 34, 34, .6);
    font-weight: normal;
    margin: 0;
}
.postConfirm-Meta dd {
    color: #222;
    margin: 0;
    word-break: break-word;
}

/* 画像プレビュー領域。中身が空のときは余白も出さない。 */
.postConfirm-Modal_Images {
    margin-top: 1rem;
}
.postConfirm-Modal_Images:empty {
    display: none;
    margin: 0;
}