body {
    background-color: #ffffff; /* Background color */
    color: #212529; /* Text color */
}

h1, h6 {
    text-align: left; /* Aligns the text to the left */
}

.card {
    margin-bottom: 20px; /* Existing style */
    border: 1px solid #e3e6ea; /* Slight border for definition */
}

.card-body {
    padding: 15px; /* Existing style */
}

.headline-link {
    color: #007bff; /* Primary color for links */
    text-decoration: none; /* Existing style */
}

.headline-link:hover {
    text-decoration: underline; /* Existing style */
}

.article-excerpt {
    color: #6c757d; /* Secondary color for excerpts */
    font-size: 0.9rem; /* Existing style */
}

.card-title {
    color: #343a40; /* Darker gray for a sophisticated look */
    font-size: 1.25rem; /* Increase font size */
    font-weight: bold; /* Make text bold */
    margin-bottom: 15px; /* Add some space below the title */
}
.card-footer {
    background-color: #f8f9fa; /* Light gray background */
    border-top: 1px solid #eaeaea; /* Light border on top for separation */
    text-align: right; /* Center-align the content */
}
#topButton {
    position: fixed; /* Stay in the same place on scroll */
    bottom: 20px; /* Position from the bottom of the viewport */
    right: 30px; /* Position from the right of the viewport */
    z-index: 99; /* Ensures the button stays on top of other content */
    border: none; /* No border for a cleaner appearance */
    outline: none; /* Removes the outline to maintain aesthetics */
    background-color: #007bff; /* Primary color for visual consistency */
    color: white; /* Text color for contrast */
    cursor: pointer; /* Changes the cursor to indicate it's clickable */
    width: 40px; /* Set a fixed width */
    height: 40px; /* Set a fixed height to match the width for a perfect circle */
    line-height: 40px; /* Centers the arrow vertically */
    text-align: center; /* Centers the arrow horizontally */
    border-radius: 50%; /* Rounded corners for a modern look */
}

#topButton:hover {
    background-color: #555; /* Darker color on hover for visual feedback */
}

.read-more-link {
    color: #007bff; /* Primary link color */
    text-decoration: underline; /* Underline to emphasize it's a link */
    font-weight: normal; /* Optional: Adjust the weight as desired */
}

.read-more-link:hover, .read-more-link:focus {
    color: #0056b3; /* Darker shade for hover and focus states */
    text-decoration: none; /* Removes underline on hover/focus for a clean look */
}