.special-result{
background:#f4faff;
border:1px solid #dceeff;
border-radius:20px;
padding:22px;
margin-top:22px;
color:#101828;
}
.specialday-select{
min-width:220px;
font-size:1.08rem;
font-weight:800;
padding:0 18px;
margin:12px 0 18px;
}
.holiday-name{
text-align:center;
font-size:1.55rem;
font-weight:900;
color:#2563eb;
margin-bottom:18px;
}

.holiday-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.holiday-box{
background:#fff;
border:1px solid #dceeff;
border-radius:18px;
padding:18px 12px;
text-align:center;
}

.holiday-title{
font-size:1rem;
font-weight:800;
color:#667085;
margin-bottom:8px;
}

.holiday-day{
font-size:2rem;
line-height:1.1;
font-weight:900;
color:#2563eb;
}

.holiday-unit{
font-size:1rem;
font-weight:800;
color:#344054;
margin-top:4px;
}

.holiday-date{
font-size:.92rem;
line-height:1.45;
color:#667085;
margin-top:8px;
}

@media(max-width:768px){
.special-result{
padding:16px 12px;
}

.holiday-name{
font-size:1.35rem;
margin-bottom:14px;
}

.holiday-grid{
grid-template-columns:1fr 1fr;
gap:10px;
}

.holiday-box{
padding:14px 8px;
}

.holiday-day{
font-size:1.65rem;
}

.holiday-title{
font-size:.9rem;
}

.holiday-date{
font-size:.82rem;
}
}

/* Warm input/output hierarchy */
.percent-card.card-1{--accent:#d97706;border-color:#f6e1c8;border-top-color:#d97706}
.percent-card.card-1 .card-num{box-shadow:0 4px 10px rgba(217,119,6,.45)}
.percent-card.card-1 .specialday-select:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.14)}
body .percent-card.card-1 .result-coffee.result-coffee{background:#fbf1e6;border:1px solid #f4d9b9;color:#4a3524;box-shadow:none}
.special-result{background:#fffaf5;border-color:#ecd7c3;color:#4a3524}.holiday-name,.holiday-day{color:#c96f05}.holiday-box{background:#fffdf9;border-color:#e8cfb7}