body{
   font-family: "Google Sans Text","Roboto",sans-serif;
}

/* Layout taxonomy term / teaser-7: item-first trái, items-second phải */
.categories-view-content.view-content-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.categories-view-content.view-content-wrap .item-first {
  flex: 0 0 auto;
  max-width: 40%;
}
.categories-view-content.view-content-wrap .items-second {
  flex: 1;
  min-width: 0;
}
@media (max-width: 767px) {
  .categories-view-content.view-content-wrap {
    flex-direction: column;
  }
  .categories-view-content.view-content-wrap .item-first {
    max-width: 100%;
  }
}

.node-detail ul{
   padding-left: 20px;
}
.node-detail ul li{
   list-style: disc;
}

/* Responsive styles for teaser-5 template */
@media (max-width: 767px) {
  .post-block--teaser-5 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 8px 0;
  }

  .post-block--teaser-5 .post-content--mobile-left {
    order: 1;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0;
    padding: 0 12px;
    display: block;
  }

  .post-block--teaser-5 .post-thumbnail--mobile-right {
    order: 2;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0;
    display: block;
  }

  .post-block--teaser-5 .post-thumbnail--mobile-right .post-thumbnail-inner,
  .post-block--teaser-5 .post-thumbnail--mobile-right img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
    border-radius: 4px;
  }

  .post-block--teaser-5 .post-title {
    font-size: 23px !important;
    line-height: 1.15;
    margin: 0 0 8px 0;
  }

  .post-block--teaser-5 .post-meta {
    font-size: 12px;
    margin-bottom: 8px;
    color: #666;
  }

  .post-block--teaser-5 .post-body {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.45;
    margin-bottom: 8px;
    color: #333;
    white-space: normal;
  }

  .post-block--teaser-5 .post-action {
    margin-top: 6px;
  }

}
