/* "บทความเพิ่มเติม" — tag-driven article carousel under the results section. */
.bp-survey-articles {
    height: auto; min-height: 0; display: block;
    padding: 64px 24px 80px; background: #2A2A2A; color: #fff;
}
.bp-survey-articles__title { margin: 0 0 32px; text-align: center; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; }
.bp-survey-articles__shell { position: relative; max-width: 1040px; margin: 0 auto; }
.bp-survey-articles .bp-carousel { --bp-per-view: 4; --bp-carousel-gap: 20px; }
.bp-survey-articles .bp-carousel-btn--side { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.bp-survey-articles .bp-carousel-btn--side:hover,
.bp-survey-articles .bp-carousel-btn--side:disabled { transform: translateY(-50%); }
.bp-survey-articles .bp-carousel-btn--side { width: 36px; height: 36px; background: #0b0b0b; border: 1px solid rgba(255,255,255,.3); }
.bp-survey-articles .bp-carousel-btn--side:disabled { opacity: .35; }
.bp-survey-articles [data-carousel-prev] { left: -18px; }
.bp-survey-articles [data-carousel-next] { right: -18px; }
.bp-sa-card {
    display: flex; flex-direction: column; gap: 12px; padding: 16px;
    border-radius: 16px; border: 1px solid rgba(255,255,255,.15);
    background: linear-gradient(180deg, #161616 0%, #050505 100%);
}
.bp-sa-card__thumb { display: block; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; background: #333; }
.bp-sa-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bp-sa-card__excerpt {
    margin: 0; font-size: 0.85rem; line-height: 1.6;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bp-sa-card__more {
    align-self: flex-start; display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.4);
    color: #fff; text-decoration: none; font-size: 0.8rem;
}
.bp-sa-card__more img { filter: brightness(0) invert(1); }
@media (max-width: 768px) {
    .bp-survey-articles { padding: 48px 0 56px; }
    .bp-survey-articles__shell { padding-left: 16px; }
    .bp-survey-articles .bp-carousel { --bp-per-view: 1.35; --bp-carousel-gap: 16px; }
    .bp-survey-articles [data-carousel-prev] { display: none; }
    .bp-survey-articles [data-carousel-next] { right: 8px; }
}