/*
 * faq-qa.css — 「詳細」ブロック（core/details）で作った Q&A（.faq-qa）の見た目。2026-09-24 追加。
 * css/basic.css の .faqBox .item_q / .item_a（枠線 2px #DEDEDE・角丸 5px・Q アイコン・右矢印・回答は閉じた状態が初期）と同等にする。
 * inc/lilli-fix-20260924.php から公開側・編集画面（iframe）の両方に読み込む。
 */
details.wp-block-details.faq-qa {
    /* 左右の margin は指定しない（編集画面の中央寄せ＝左右 auto を打ち消さないため） */
    margin-top: 0;
    margin-bottom: 16px;
    border: solid 2px #DEDEDE;
    border-radius: 5px;
    background: #fff;
}
details.wp-block-details.faq-qa > summary {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px;
    font-size: 1.125rem;
    color: #000;
    cursor: pointer;
    list-style: none;
    transition: background-color 0.4s ease;
}
details.wp-block-details.faq-qa > summary::-webkit-details-marker { display: none; }
details.wp-block-details.faq-qa > summary::marker { content: ""; }
details.wp-block-details.faq-qa > summary::before {
    content: "";
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 12px;
    background: no-repeat center / contain url(../img/service/bizip/faqQ.svg);
}
details.wp-block-details.faq-qa > summary::after {
    content: "";
    width: 10px;
    min-width: 10px;
    height: 18px;
    margin-left: auto;
    padding-left: 12px;
    background: no-repeat center / contain url(../img/service/bizip/faqIconRight.svg);
    transition: transform 0.2s;
}
details.wp-block-details.faq-qa[open] > summary::after { transform: rotate(90deg); }
details.wp-block-details.faq-qa[open] > summary { border-bottom: solid 1px #DEDEDE; }
details.wp-block-details.faq-qa > :not(summary) { margin: 0; padding: 16px 16px 0; }
details.wp-block-details.faq-qa > :not(summary):last-child { padding-bottom: 16px; }
details.wp-block-details.faq-qa p { margin: 0 0 0.5em; }
details.wp-block-details.faq-qa p:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
    details.wp-block-details.faq-qa > summary { font-size: 1rem; line-height: 1.2; }
    details.wp-block-details.faq-qa > summary::before { width: 20px; min-width: 20px; height: 20px; }
    details.wp-block-details.faq-qa > summary::after { width: 6px; min-width: 6px; height: 14px; }
}