button > a {
    color: white;
    text-decoration: none;
}

button {
    border: none;
    border-radius: 4px;
}

/* Daily Derivations - Week Item Styling */
.week-item {
    margin: 0.5rem 0;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.week-item.future {
    color: rgba(0, 0, 0, 0.35);
}

.week-item.current {
    border-left: 4px solid #007bff;
    padding-left: 1.5rem;
    background-color: rgba(0, 123, 255, 0.02);
}

.week-item.past {
    color: rgba(0, 0, 0, 0.87);
}

/* Ensure headers in future items are also grayed */
.week-item.future h2,
.week-item.future h3,
.week-item.future h4 {
    color: rgba(0, 0, 0, 0.4);
}



