.reviewPost {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 20px;
  padding: 15px;
  background: #e2d4be;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  font-size:18px;
  line-height:26px;
}

.reviewMeta {
  line-height:26px;
  border-right: none;
  padding-right: 0;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  text-align: center;  
}

.reviewMeta h3 {
  margin: 0;
  font-family: "Tangerine", cursive;
  font-size: 2rem;
  line-height:36px;
}

.reviewMeta .metaSubject
{
  margin-top: 15px;
  font-size: 1rem;
  color: #000;
}

.reviewMeta .metaRatings
{
  margin: 0;
  color: #555;
}

.reviewMeta .metaCountry
{
  margin-top: 15px;
  font-size: 0.8rem;
  color: #000;
}

.reviewMeta .metaPlatform
{
  margin-top: 15px;
  font-size: 1rem;
  color: green;
}

.reviewMeta .metaDate
{
  margin-top: 0px;
  font-size: 0.8rem;
  color: #777;
}

.reviewMeta .metaTitle
{
  margin-top:5px;
  font-size: 0.8rem;
  color: #555;
}

.reviewText { text-align: justify; }


/* Tablet & Laptop: Two-column layout */
@media (min-width: 768px) {
  .reviewPost {
	grid-template-columns: 1fr 3fr;
	padding-left: 20px;
  }
  .reviewMeta {
	border-right: 1px solid #fff;
	border-bottom: none;
	padding-right: 20px;
	text-align:right;
  }
}