.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}