/* Card horizontal */
.card.horizontal {
  display: flex;            
  align-items: center;      
  overflow: hidden;         
  max-height: 130px;        
  width: 100%;              
}

/* Bagian gambar */
.card.horizontal .card-image {
  padding: 8px;
  display: flex;
  align-items: center;
  max-height: 100%;
}

.card.horizontal .card-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 4px;
  margin: 0 auto;
}

/* Bagian teks */
.card.horizontal .card-stacked {
  display: flex;
  flex-direction: column;
  justify-content: center;  /* teks sejajar vertikal */
  flex: 1;
}

/* Bagian action */
.card.horizontal .card-action {
  border-top: none;   /* hilangkan garis pembatas */
  margin: 0;
  padding: 0;
}

/* Konten & action seragam */
.card.horizontal .card-content,
.card.horizontal .card-action {
  padding: 2px 4px;
}

/* Mobile */
@media (max-width: 600px) {
  .card.horizontal .card-image img {
    max-height: 65px;
    max-width: 100%;
  }
}

/* Desktop besar */
@media (min-width: 1200px) {
  .card.horizontal .card-image img {
    max-height: 85px;
    max-width: 100%;
  }
}

/* Cuplikan Kalimat */
.quote {
  text-align: justify;
  background-color: rgba(128, 128, 128, 0.2); /* abu-abu transparan */
  padding: 5px 15px;
  border-radius: 5px;
  font-style: italic;
  font-size: 16px;
  display: inline-block; 
  margin-top: 1px;      /* jarak atas */
  margin-bottom: 1px;
}

.quote::before {
  content: "❝";        /* kutip dekoratif awal */
  font-size: 50px;
  color: rgb(84, 84, 84);
  margin-right: 8px;
}

.quote::after {
  content: "❞";        /* kutip dekoratif akhir */
  font-size: 50px;
  color: rgb(84, 84, 84);
  margin-left: 8px;
}