/* static/style.css */

/* Add any custom styles here if needed, complementing Tailwind */

/* Style for the essay title */
.essay-title {
    color: #841814;
    font-variant: small-caps;
    font-weight: bold;
    /* Optional: make it bolder */
    font-size: medium;
}

/* Example: Style for the active sort button */
.sort-button.active {
    font-weight: bold;
    text-decoration: none;
    color: #374151;
    /* gray-700 */
    cursor: default;
}

/* Style for list items in the essay list for better readability */
#essays-list li {
    padding: 2px 0;
}

/* You might want to style the prose output further if needed */
#response-output {
    /* Example: Add a light background or border */
    /* background-color: #f9fafb; */
    /* border-left: 3px solid #fb923c; */
    /* orange-400 */
    /* padding-left: 1rem; */
    /* margin-top: 0.5rem; */
    font-family: Verdana, Geneva, sans-serif;
    /* Set font for essay body */
    font-size: small;
}

/* Ensure loading indicator is centered or styled appropriately if used more prominently */
#loading-indicator {
    /* Add styles if needed */
}

/* Ensure error message stands out */
#error-message {
    /* Tailwind classes handle most of this, but you can override */
}