/* ==========================================================================
   探偵相談Q&A（tantei_qa）追加スタイル
   ========================================================================== */

/* アーカイブ見出し下のターム名（area アーカイブと共有クラス） */
.p-area_term {
    text-align: center;
    margin: 0;
    font-weight: bold;
    padding-top: .5em;
}

/* カテゴリバッジ補完
   .p-post_cat は article.min.css 定義だが、固定ページ（is_page）では
   article.min.css が読み込まれないため、ショートコード表示用に同等ルールを補う。
   area 専用の色分けクラス（area-region 等）は tantei_qa では未使用のため除外。 */
.p-post_cat {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
}

.p-post_cat span {
    display: block;
    padding: .4em .8em .5em;
    text-align: center;
    color: var(--wp--preset--color--base);
    font-size: 12px; /* design-lint-ignore: 既存 article.min.css の .p-post_cat span(12px) と同値で揃える必要。当テーマは --text-* トークン未定義 */
    font-weight: bold;
    line-height: 1;
    background-color: var(--wp--preset--color--primary);
    border-radius: 2px;
}

/* カテゴリブロックを枠付きコンテナに（article.min.css の .p-area_nav と同構成） */
.p-tantei_qa_cat {
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border: 8px solid var(--wp--preset--color--light-gray);
}

/* 上部カテゴリラベル（タグ風チップ）
   article.min.css の .p-area_nav チップと同じ見た目。専用クラスで
   c-cat_list 等の縦リスト用スタイルの干渉を避ける。 */
.p-tantei_qa_labels {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.p-tantei_qa_labels li {
    display: block;
    padding: .4em .8em .5em;
    text-align: center;
    color: var(--wp--preset--color--base);
    font-size: 14px; /* design-lint-ignore: 既存 .p-area_nav .list-wrap ul li(14px) と同値で揃える必要。当テーマは --text-* トークン未定義 */
    font-weight: bold;
    line-height: 1;
    background-color: var(--wp--preset--color--primary);
    border-radius: 2px;
}

.p-tantei_qa_labels li a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}