/* Snow Day Calculator Styles - responsive & mobile friendly */
.sdc-wrapper{max-width:720px;margin:16px auto;padding:16px;border-radius:12px;background:#ffffff;border:1px solid #e6e6e6;box-shadow:0 6px 20px rgba(0,0,0,0.04);font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;}
.sdc-title{font-size:1.25rem;margin-bottom:8px;}
.sdc-form label{display:block;margin-top:10px;font-size:0.9rem;color:#333;}
.sdc-form input[type="text"], .sdc-form input[type="number"], .sdc-form select{width:100%;padding:10px 12px;margin-top:6px;border-radius:8px;border:1px solid #ddd;box-sizing:border-box;font-size:1rem;}
.sdc-actions{display:flex;gap:10px;margin-top:12px;}
.sdc-btn{flex:1;padding:10px;border-radius:10px;border:0;background:#0b72ff;color:white;font-weight:600;cursor:pointer;}
.sdc-secondary{background:#f3f4f6;color:#111;border:1px solid #d1d5db;}
.sdc-result{margin-top:14px;font-size:1rem;}
.sdc-badge{display:inline-block;padding:10px 14px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;font-weight:700;}
.sdc-explain{padding:10px 0;color:#374151;font-size:0.95rem;line-height:1.45;}
.sdc-details summary{cursor:pointer;margin-top:12px;font-weight:600;}
.sdc-footer{font-size:0.8rem;color:#6b7280;margin-top:12px;}
/* responsive */
@media (max-width:600px){
    .sdc-wrapper{padding:12px;margin:10px;}
    .sdc-title{font-size:1.1rem;}
    .sdc-actions{flex-direction:column;}
    .sdc-btn{padding:12px;}
}