.must-read-posts {
    background-color: #f9f9f9; /* Light background to make the section stand out */
    border-left: 4px solid #007bff; /* A blue accent line to draw attention */
    padding: 20px; /* Consistent padding */
    margin-bottom: 20px; /* Space below the section */
}

.must-read-posts h2 {
    color: #007bff; /* Blue color for the heading to match the accent */
    font-size: 22px; /* Slightly smaller than .panel-body h1 for hierarchy */
    margin-bottom: 10px; /* Space below the heading */
    text-align: center; /* Center the heading for focus */
}

.must-read-posts hr {
    border-top: 1px solid #ddd; /* Light grey line for separation, matching the site's style */
}

.must-read-posts ul {
    list-style-type: none; /* Remove default list styling */
    padding-left: 0; /* Align with the start of the section */
}

.must-read-posts li {
    line-height: 26px; /* Consistent line height with the rest of the site */
    padding: 5px 0; /* Space between list items */
}

.must-read-posts a {
    color: #333; /* Dark text for readability, consistent with pre color */
    text-decoration: none; /* No underline to keep it clean */
}

.must-read-posts a:hover {
    text-decoration: underline; /* Underline on hover for interactivity */
}