.cp-tip-box{
    background:#f5fff3;
    border-left:5px solid #5AA469;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-tip-title{
    font-size:20px;
    font-weight:700;
    color:#2d6a4f;
    margin-bottom:0px;
    padding-bottom: 0px;
}

.cp-tip-content{
    line-height:1.7;
    margin-top: -15px;
}



/* Warning Box */

.cp-warning-box{
    background:#fff7f7;
    border-left:5px solid #e63946;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-warning-title{
    color:#c1121f;
    font-size:20px;
    font-weight:700;
    margin-bottom:0px;
}

.cp-warning-content{
    line-height:1.7;
    margin-top: -15px;
}


/* Expert Tip Box */

.cp-expert-box{
    background:#f4f8ff;
    border-left:5px solid #3f72af;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-expert-title{
    color:#1d4e89;
    font-size:20px;
    font-weight:700;
    margin-bottom:0px;
}

.cp-expert-content{
    line-height:1.7;
    margin-top: -15px;
}


/* Quick Answer Box */

.cp-quick-answer-box{
    background:#f6fff5;
    border:2px solid #5AA469;
    padding:20px;
    margin:25px 0;
    border-radius:10px;
}

.cp-quick-answer-title{
    color:#2d6a4f;
    font-size:22px;
    font-weight:700;
    margin-bottom:0px;
}

.cp-quick-answer-content{
    line-height:1.7;
    margin-top: -15px;
}



/* FAQ Accordion */

.cp-faq-item{
    margin: 15px 0;
    border: 1px solid #dfe5df;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.cp-faq-question{
    width: 100%;
    border: none;
    background: #f5fff3;
    padding: 18px 20px;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #2d6a4f;
    transition: background-color 0.3s ease;
}

.cp-faq-question:hover{
    background: #edf8ea;
}

.cp-faq-icon{
    font-size: 24px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

/* Accordion Content */

.cp-faq-answer{
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    line-height: 1.7;
   
    padding: 0 20px;
    padding-top: -20px;
    transition:
        max-height 0.4s ease,
        padding 0.4s ease;
}

/* Open State */

.cp-faq-answer.active{
    max-height: 500px;
    padding: 25px;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Rotate Icon */

.cp-faq-icon.active{
    transform: rotate(45deg);
}



/* Affiliate Disclosure Box */

.cp-affiliate-disclosure{
    background: #fff9e6;
    border: 1px solid #f6d86b;
    border-left: 6px solid #e0a800;
    border-radius: 12px;
    padding: 18px 22px;
    margin: 30px 0;
    box-shadow: 0 3px 12px rgba(0,0,0,0.05);
}

.cp-affiliate-disclosure-title{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #8a6d00;
    margin-bottom: 10px;
}

.cp-affiliate-disclosure-title::before{
    content: "⚠";
    font-size: 20px;
}

.cp-affiliate-disclosure-content{
    color: #5f5322;
    font-size: 15px;
    line-height: 1.8;
}

.cp-affiliate-disclosure-content > *:first-child{
    margin-top: 0;
}

.cp-affiliate-disclosure-content > *:last-child{
    margin-bottom: 0;
}