[data-layout-type="LAY020"] .post__list {
  display: block;
  border-top: 1px solid #333;
}

[data-layout-type="LAY020"] .post__item {
  display: block;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
}

[data-layout-type="LAY020"] .post__item > .faq__trigger {
  display: grid;
  grid-template-columns: 5rem 1fr auto;
  align-items: center;
  gap: 1rem;
  min-height: 4.75rem;
  padding: 1.125rem 1rem;
}

[data-layout-type="LAY020"] .post__item > .faq__trigger::after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 200ms ease;
}

[data-layout-type="LAY020"] .post__item.is-open > .faq__trigger::after {
  transform: rotate(225deg);
}

[data-layout-type="LAY020"] .post__uid,
[data-layout-type="LAY020"] .post__category,
[data-layout-type="LAY020"] .post__meta {
  display: none;
}

[data-layout-type="LAY020"] .post__uid {
  display: flex;
  grid-column: 1;
  align-items: center;
  font-weight: 700;
}

[data-layout-type="LAY020"] .post__uid::before {
  content: "Q";
}

[data-layout-type="LAY020"] .post__uid span,
[data-layout-type="LAY020"] .post__title .new-badge {
  display: none;
}

[data-layout-type="LAY020"] .post__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  grid-column: 2;
  margin: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.5;
}

[data-layout-type="LAY020"] .post__title h4 {
  margin: 0;
  font: inherit;
}

[data-layout-type="LAY020"] .post__excerpt {
  position: relative;
  display: none;
  margin: 0;
  padding: 1.5rem 3.5rem 1.5rem 7rem;
  border-top: 1px solid #eee;
  background: #f8f8f8;
  line-height: 1.7;
}

[data-layout-type="LAY020"] .post__excerpt::before {
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  content: "A";
  font-weight: 700;
}

[data-layout-type="LAY020"] .post__item.is-open .post__excerpt {
  display: block;
}

@media (max-width: 980px) {
  [data-layout-type="LAY020"] .post__item > .faq__trigger {
    grid-template-columns: 2.5rem 1fr auto;
  }

  [data-layout-type="LAY020"] .post__excerpt {
    padding-right: 1rem;
    padding-left: 4.5rem;
  }
}