/* Scoped to this article's app comparison; all content stays in the CMS. */
.post-content .article-body .love678-app-comparison {
  display: table;
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e9dff4;
  border-radius: 12px;
  overflow: hidden;
  color: #241136;
  font-size: 15px;
  line-height: 1.65;
}
.love678-app-comparison th,
.love678-app-comparison td {
  box-sizing: border-box;
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  word-break: normal;
  overflow-wrap: normal;
}
.love678-app-comparison thead th {
  background: #f2eafa;
  color: #43116e;
  font-weight: 700;
}
.love678-app-comparison thead th:first-child { width: 20%; }
.love678-app-comparison thead th:nth-child(2) { width: 38%; }
.love678-app-comparison thead th:nth-child(3) { width: 42%; }
.love678-app-comparison tbody th {
  font-weight: 700;
  white-space: nowrap;
}
.love678-app-comparison tbody th,
.love678-app-comparison tbody td { border-top: 1px solid #e9dff4; }
.love678-app-comparison tbody tr:nth-child(even) { background: #fcf9ff; }
@media (max-width: 640px) {
  .post-content .article-body .love678-app-comparison {
    display: block;
    position: relative;
    border: 0;
    border-radius: 0;
    overflow: visible;
    table-layout: auto;
    font-size: 16px;
  }
  .love678-app-comparison thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .love678-app-comparison tbody { display: grid; gap: 14px; }
  .love678-app-comparison tbody tr,
  .love678-app-comparison tbody tr:nth-child(even) {
    display: block;
    min-width: 0;
    padding: 0 16px 16px;
    background: #fff;
    border: 1px solid #e6d5f5;
    border-radius: 12px;
    overflow: hidden;
  }
  .love678-app-comparison tbody th,
  .love678-app-comparison tbody td {
    display: block;
    width: auto;
    padding: 14px 0 0;
    border: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .love678-app-comparison tbody th {
    padding: 12px 16px;
    margin: 0 -16px;
    background: #f3eafa;
    color: #501080;
    font-size: 18px;
    line-height: 1.4;
  }
  .love678-app-comparison tbody td::before {
    display: block;
    margin-bottom: 4px;
    content: attr(data-label);
    color: #725786;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
  }
}