/* Custom CSS to make 'A Cure for Information Overload' text a single color */

/* Target the subtitle text that contains 'A Cure for Information Overload' */
h2:has-text("A Cure for Information Overload"),
h3:has-text("A Cure for Information Overload"),
h4:has-text("A Cure for Information Overload"),
h5:has-text("A Cure for Information Overload"),
h6:has-text("A Cure for Information Overload"),
div:has-text("A Cure for Information Overload"),
span:has-text("A Cure for Information Overload"),
p:has-text("A Cure for Information Overload") {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #00d4aa !important; /* Cyan color to match the theme */
}

/* More specific targeting using text content */
*[class*="text"]:has-text("A Cure for Information Overload"),
*[class*="title"]:has-text("A Cure for Information Overload"),
*[class*="subtitle"]:has-text("A Cure for Information Overload"),
*[class*="heading"]:has-text("A Cure for Information Overload") {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #00d4aa !important;
}

/* Fallback approach - target all elements and check text content with JavaScript */
.single-color-text {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #00d4aa !important;
}

/* Alternative single colors to choose from */
.single-color-cyan {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #00d4aa !important;
}

.single-color-white {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #ffffff !important;
}

.single-color-purple {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #a855f7 !important;
}

.single-color-blue {
    background: none !important;
    background-image: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #3b82f6 !important;
}