/* Shared only by CAU: leave optional details available without making them
   a prerequisite for the first conversation. */
:is(.cau-home, .cau-immersive) .hubungi--ringkas { --lead-ink: #39452d; --lead-paper: #f9f5e4; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__isi { padding: 28px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas input, :is(.cau-home, .cau-immersive) .hubungi--ringkas textarea { font-size: 16px; font-weight: 400; line-height: 1.5; min-height: 48px; padding: 12px 14px; color: var(--lead-ink); background: var(--lead-paper); border: 1px solid #6b745f; border-radius: 4px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas input::placeholder { color: #606954; opacity: 1; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas input:focus, :is(.cau-home, .cau-immersive) .hubungi--ringkas textarea:focus { outline: 2px solid #39452d; outline-offset: 3px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__isi label > span { font-size: 14px; letter-spacing: 0; text-transform: none; margin-bottom: 8px; color: var(--lead-ink); font-weight: 700; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__kepala p { font-size: 16px; line-height: 1.6; color: var(--lead-ink); font-weight: 400; margin-bottom: 24px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__baris { gap: 20px; margin-bottom: 20px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas em:empty { display: none; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__negara, :is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__jumlah { margin-bottom: 20px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__opsional { margin: 8px 0 24px; border-block: 1px solid #39452d40; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__opsional > summary { display: list-item; cursor: pointer; padding: 16px 0; min-height: 48px; font: 700 14px/1.5 var(--sans); color: var(--lead-ink); border: 0; letter-spacing: 0; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__opsional > p { font-size: 14px; margin: 0 0 20px; line-height: 1.6; color: var(--lead-ink); }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__tujuan legend { font-size: 14px; text-transform: none; letter-spacing: 0; margin-bottom: 12px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__tujuan > div { display: grid; grid-template-columns: 1fr; gap: 8px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__chip { display: flex; align-items: center; gap: 12px; border-radius: 4px; text-align: left; padding: 12px 16px; font-size: 14px; min-height: 48px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__pilihan-tanda { flex: 0 0 18px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__chip--aktif { background: #39452d; color: #f9f5e4; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__kaki { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__kaki .tombol { min-height: 48px; font-size: 14px; text-transform: none; letter-spacing: 0; text-align: center; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__wa { display: flex; justify-content: center; align-items: center; min-height: 48px; font-size: 14px; letter-spacing: 0; text-transform: none; }
:is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__catatan { font-size: 14px; line-height: 1.6; color: var(--lead-ink); margin-top: 12px; font-weight: 400; }
@media (max-width: 600px) {
    :is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__isi { padding: 20px; }
    :is(.cau-home, .cau-immersive) .hubungi--ringkas .hubungi__baris { grid-template-columns: 1fr; }
}