.wrp-planner,
.wrp-result {
    max-width: 600px;
    margin: 30px auto;
    padding: 25px;
    background: #f7f9f7;
    border-radius: 12px;
    border: 1px solid #ddd;
}

.wrp-planner h2,
.wrp-result h2 {
    color: #2d6a4f;
}

.wrp-planner label {
    display:block;
    margin-top:15px;
    margin-bottom:5px;
    font-weight:bold;
}

.wrp-planner select,
.wrp-planner button {
    width:100%;
    padding:12px;
    margin-bottom:15px;
    border-radius:6px;
}

.wrp-planner button {
    background:#2d6a4f;
    color:white;
    border:none;
    cursor:pointer;
}

.wrp-planner button:hover {
    background:#1b4332;
}

.wrp-result li {
    margin-bottom:10px;
}

.wrp-weeks {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:20px;
    margin-top:25px;
}


.wrp-week-card {

    background:#ffffff;
    border-radius:12px;
    padding:20px;
    border-left:5px solid #2d6a4f;
    box-shadow:0 3px 10px rgba(0,0,0,0.08);

}


.wrp-week-card h3 {

    margin-top:0;
    color:#2d6a4f;
    text-transform:capitalize;

}


.wrp-week-card ul {

    padding-left:20px;

}


.wrp-week-card li {

    margin-bottom:12px;
    line-height:1.5;

}


.wrp-print {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 25px;
}

.wrp-intro {
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.6;
}