Como posso criar div com um topo pontiagudo com CSS

Eu já vi muitos tópicos remotamente relacionados que basicamente sugerem triângulos CSS nos pseudos :: after ou :: before, mas nenhum realmente deu certo. Estou jogando isso fora para ver se alguém tem alguma idéia.

Estou procurando criar uma div com um topo pontiagudo ou inclinado que ainda mantenha uma borda uniforme e uma sombra de caixa com o restante da div.

Veja o link para uma imagem do que estou tentando criar:

questionAnswers(2)

yourAnswerToTheQuestion