body {
    font-family: sans-serif;
    margin: 0 auto;
    max-width: 900px;
    padding: 20px;
}

header {
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.category-section {
    margin-bottom: 40px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
}

.category-header {
    display: flex; /* Makes the children (text and image containers) sit side-by-side */
    align-items: center; /* Vertically centers the items within the container */
    justify-content: space-between; /* Pushes the items to opposite ends (text left, image right) */
    background-color: #f1f1f1;
    padding: 20px;
    border-radius: 8px;
    max-width: 800px; /* Optional: Sets a maximum width for the section */
    margin: 20px auto; /* Optional: Centers the section on the page */
}

.category-header-text {
    /* The text will take up the available space as the image size is fixed */
    flex: 1; 
    padding-right: 20px; /* Adds some space between the text and the image */
}

.category-image img {
    max-width: 120px; /* Controls the size of the image */
    max-height: 70px; /* Controls the size of the image */
    height: auto; /* Maintains the image's aspect ratio */
    border-radius: 50%; /* Optional: Makes the image round */
}

h2 {
    margin: 0;
    color: #333;
}

h3 {
    margin: 0; /* Removes default paragraph margin */
    font-size: 16px;
    color: #333;
}

.paper-list {
    list-style-type: disc; /* or none, square, etc. */
    margin: 0;
    padding-left: 40px;
}

.paper-list li a {
    text-decoration: none;
    color: #0066cc;
    display: block;
    padding: 5px 0;
}

.paper-list li a:hover {
    text-decoration: underline;
}