/* PPK MSF — Kolom Umat: a quiet, readable parish column. */
.kabardoa_area { background: #f8f6f1; padding: 72px 0 96px; }

/* ---- Preview 3-kolom di homepage ---- */
.kolomumat_preview_area { background: #f8f6f1; }
.kabardoa-card-link { display: block; text-decoration: none; height: 100%; }
.kabardoa-card-link:hover { text-decoration: none; }
.kabardoa-card-link .kabardoa-card { height: 100%; transition: box-shadow 0.2s ease, transform 0.2s ease; }
.kabardoa-card-link:hover .kabardoa-card { box-shadow: 0 8px 20px rgba(27, 58, 107, 0.08); transform: translateY(-2px); }
.kabardoa-card-link .kabardoa-isi { color: #38424D; }
.kabardoa-intro .kabardoa-eyebrow { display: block; color: #8b6330; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin-bottom: 16px; }
.kabardoa-intro h3.title { color: #1A3A6B; font-size: 32px; font-weight: 500; margin-bottom: 18px; }
.kabardoa-intro p { color: #38424D; font-size: 15px; line-height: 1.9; }
.kabardoa-intro p.kabardoa-note { color: #747E88; font-size: 12px; margin-top: 16px; }
.kabardoa-tabs { display: flex; flex-wrap: wrap; gap: 0 24px; border-bottom: 1px solid #dcd8d0; }
.kabardoa-tab { border: 0; border-bottom: 3px solid transparent; background: transparent; color: #59636c; padding: 14px 0; font: 500 13px 'Poppins', sans-serif; cursor: pointer; margin-bottom: -1px; }
.kabardoa-tab i { margin-right: 5px; }
.kabardoa-tab:hover, .kabardoa-tab.active { color: #1A3A6B; border-bottom-color: #1B6EC2; }
.kabardoa-tab[data-filter="Syukur"].active { border-bottom-color: #a77a32; }
.kabardoa-tab[data-filter="Tanya Jawab"].active { border-bottom-color: #C0392B; }
.kabardoa-tab:focus-visible, .kabardoa-react-btn:focus-visible { outline: 2px solid #1B6EC2; outline-offset: 5px; }
.kabardoa-card { --category-color: #1B6EC2; position: relative; background: #fffefa; border: 1px solid #e5e0d6; border-radius: 2px; padding: 30px 34px 22px; margin-bottom: 26px; }
.kabardoa-card::before { content: ''; position: absolute; top: -1px; left: 34px; width: 40px; height: 3px; background: var(--category-color); }
.kabardoa-card.kat-syukur { --category-color: #96702f; }
.kabardoa-card.kat-tanya-jawab { --category-color: #C0392B; }
.kabardoa-card-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.kabardoa-badge { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 600; color: var(--category-color); }
.kabardoa-badge i { font-size: 17px; }
.kabardoa-time { font-size: 11px; color: #747E88; }
.kabardoa-isi { font-size: 15px; line-height: 1.95; color: #38424D; margin-bottom: 0; white-space: pre-line; overflow-wrap: anywhere; }
.kabardoa-jawaban { margin-top: 26px; padding: 2px 0 2px 20px; border-left: 2px solid #c5b38f; }
.kabardoa-jawaban-label { display: block; font-size: 12px; font-weight: 600; color: #1A3A6B; margin-bottom: 10px; }
.kabardoa-jawaban-isi { font-size: 14px; line-height: 1.85; color: #38424D; white-space: pre-line; overflow-wrap: anywhere; }
.kabardoa-jawaban-signature { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.kabardoa-jawaban-signature img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.kabardoa-jawaban-signature .name { font-size: 12px; font-weight: 600; color: #1A3A6B; }
.kabardoa-jawaban-signature .role { display: block; font-size: 11px; color: #747E88; }
.kabardoa-card-footer { display: flex; justify-content: flex-start; border-top: 1px solid #eee9e0; margin-top: 26px; padding-top: 12px; }
.kabardoa-react-btn { display: inline-flex; align-items: center; gap: 9px; border: 0; background: transparent; padding: 10px 0; color: #59636c; font: 500 12px 'Poppins', sans-serif; cursor: pointer; }
.kabardoa-react-btn i { font-size: 18px; }
.kabardoa-count { padding-left: 12px; margin-left: 3px; border-left: 1px solid #dcd8d0; font-variant-numeric: tabular-nums; }
.kabardoa-react-btn:hover, .kabardoa-react-btn.reacted { color: #1B6EC2; }
.kabardoa-react-btn.reacted i { color: #C0392B; }
.kabardoa-react-btn:disabled { cursor: default; }
.kabardoa-empty { text-align: center; padding: 48px 20px; color: #747E88; }
.kabardoa-empty > i { font-size: 32px; color: #96702f; }
.kabardoa-empty h5 { color: #1A3A6B; font-size: 18px; line-height: 1.6; margin-bottom: 14px; }
.kabardoa-empty p { font-size: 14px; line-height: 1.9; }
.kabardoa-card .skeleton-line { background: #eeeae2; }
.kabardoa-card .w-30 { width: 30%; }
.kabardoa-card .w-60 { width: 60%; }
@media (max-width: 575px) {
  .kabardoa_area { padding: 48px 0 64px; }
  .kabardoa-intro h3.title { font-size: 28px; }
  .kabardoa-tabs { gap: 0 18px; }
  .kabardoa-tab { font-size: 12px; }
  .kabardoa-tab i { display: none; }
  .kabardoa-card { padding: 26px 20px 16px; }
  .kabardoa-card::before { left: 20px; }
  .kabardoa-jawaban { padding-left: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .kabardoa_area .skeleton-line { animation: none; }
}