/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f0f0f0;color:#444}.hljs-comment{color:#888}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
/* Base CSS for mobile and default */
textarea#prompt {
  width: 100%; /* Make textarea span full container width */
  box-sizing: border-box; /* Ensure padding and border are included in the width */
}

.conversation { margin-bottom: 20px; cursor: pointer; }
.ans { display: none; margin-top: 10px; }
.read-more { color: blue; text-decoration: underline; cursor: pointer; }

/* Media query for desktop sizes */
@media (min-width: 768px) { /* Adjust this breakpoint as needed */
  textarea#prompt {
    width: auto; /* Revert to default width based on cols or specify a fixed width */
    /* If you want a fixed width instead of auto, you can specify it here, e.g., width: 600px; */
  }
}

.pagination {
    margin-top: 20px;
    text-align: center;
}

.pagination a {
    display: inline-block;
    margin-right: 5px;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    border-radius: 5px;
}

.pagination a.active {
    background-color: #007BFF;
    color: white;
    border-color: #007BFF;
}

.pagination a:hover {
    background-color: #ddd;
}