/* Homepage background color fixes */

/* Ensure cards have proper white background */
.card-headline {
    background-color: white !important;
}

.card-headline .card-headline-content {
    background-color: white !important;
}

/* Make sure the homepage background is slightly gray */
#headline-list {
    background-color: #f1f5f9 !important; /* light gray background */
    padding: 2rem 0 !important;
}

/* Ensure card containers don't interfere with background */
.card-container {
    background-color: transparent !important;
}

/* Date alignment fix - match exactly with title padding from custom.css */
.card-headline-date {
    /* Follow exact same pattern as .card-headline-title from custom.css */
    display: block !important;
    
    /* Match the exact padding from custom.css title: 1rem 1.5rem 0.5rem */
    padding: 0 1.5rem 0.5rem !important;
    margin: 0 !important;
    
    /* Typography styling - smaller than title, but consistent positioning */
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    color: var(--slate-600) !important;
    
    /* Ensure consistent text flow */
    font-weight: normal !important;
    font-family: inherit !important;
    text-align: left !important;
    white-space: normal !important;
}