/* ChatGPT Style Answer Block */
.chat-body__answer-response {
  font-family: 'Roboto Condensed', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: var(--text-color);
}
.chat-body__answer-response strong {
  font-weight: 600;
}

/* Lists */

.chat-body__answer-response ul,
.chat-body__answer-response ol {
  padding-left: 1.5em;
  margin-bottom: 1em;
}

.chat-body__answer-response ul li,
.chat-body__answer-response ol li {
  margin-bottom: 0.5em;
}

/* Tables */
.table-responsive {
  position: relative;
  overflow-x: auto;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}

table-responsive {
  position: relative;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */

}

.table-responsive::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.table-responsive-scroll-container {
  position: relative;
  height: 8px;
  margin-top: 8px;
  background-color: #f1f1f1;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.table-responsive-scroll-thumb {
  position: absolute;
  height: 100%;
  min-width: 30px;
  background-color: #888;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.table-responsive-scroll-thumb:hover {
  background-color: #555;
}

.table-responsive-scroll-thumb.active {
  background-color: #444;
}


@media print {
  .table-responsive::before {
    display: block !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .table-responsive {
    overflow-x: visible;
    border: none;
  }
}
.table-responsive table {
  min-width: 800px;
  border-collapse: collapse;
}
.chat-body__answer-response table {
  border-collapse: collapse;
  width: 110%;
  margin-bottom: 1em;
  font-size: 15px;
  border: 2px solid #fff;
  border-radius: 15px;
  overflow: hidden;
}


.chat-body__answer-response th,
.chat-body__answer-response td {
  border: 2px solid #fff;
  padding: 15px 25px;
  text-align: left;
  vertical-align: middle;
  width: 1%;
}

.chat-body__answer-response thead {
  background-color: var(--text-color);
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}

.chat-body__answer-response tbody tr:nth-child(even) {
  background-color: #E9FEFF;
}
/* Code blocks */
.chat-body__answer-response pre,
.chat-body__answer-response code {
  background-color: #f5f5f5;
  padding: 0.4em 0.6em;
  border-radius: 4px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 14px;
}

/* Responsive Table */
.chat-body__answer-response table {
  display: block;
  overflow-x: auto;
}

/* Links */
.chat-body__answer-response a {
  color: var(--link-color);
  text-decoration: underline;
}

.chat-body__answer-response a:hover {
  text-decoration: none;
}
@media screen and ( max-width: 767px ) {

  .chat-body__answer-response th,
  .chat-body__answer-response td {
    padding: 10px 15px;
  }

}