/* =====================================================
   การ์ดที่ปิดอยู่ไม่ยืดตามแถว / เปิดแล้วยืดให้สูงเท่าใบข้าง ๆ ที่เปิดอยู่
===================================================== */
.card-p5k9b2 {
    align-self: start;
}
.card-p5k9b2.is-open {
    align-self: stretch;
}

/* หัวการ์ด — เปิดแล้วเนื้อหาต่อใต้หัวข้อทันที */
.head-p5k9b2 {
    transition: padding-bottom 0.3s ease;
}
.card-p5k9b2.is-open .head-p5k9b2 {
    padding-bottom: 0;
}
.chev-p5k9b2 {
    transition: transform 0.3s ease;
}
.card-p5k9b2.is-open .chev-p5k9b2 {
    transform: rotate(180deg);
}

/* เนื้อหา — ยืด/หดด้วย grid-template-rows (0fr <-> 1fr) */
.panel-p5k9b2 {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
}
.card-p5k9b2.is-open .panel-p5k9b2 {
    grid-template-rows: 1fr;
}
.panel-p5k9b2 > div {
    min-height: 0;
    overflow: hidden;
}