.service-charge-menu { grid-column:1/-1; margin:8px 0 12px; border:1px solid #c6dbea; border-radius:12px; background:linear-gradient(120deg,rgba(236,250,247,.85),rgba(244,240,255,.85)); color:#245c91; }
.service-charge-menu summary { min-height:40px; box-sizing:border-box; padding:12px 14px; cursor:pointer; font-weight:800; font-size:12px; }
.service-charge-menu summary span { float:right; font-size:10px; font-weight:500; color:#667f95; }
.service-charge-body { padding:0 14px 13px; }
.service-charge-body label { display:block!important; font-size:12px; color:#245c91!important; }
.service-charge-body input { width:100%; min-height:42px; box-sizing:border-box; margin-top:6px; padding:10px 12px; border:1px solid #91bce0; border-radius:9px; background:white; color:#17446f; font:inherit; }
.service-charge-body output,.service-charge-body small { display:block; margin-top:9px; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.service-charge-body output { font-weight:800; }
.service-charge-body p { margin:7px 0 0!important; font-size:10px!important; line-height:1.6; color:#647b93!important; }
.service-charge-note { display:block; margin-top:7px; color:#54748c; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
@media(max-width:700px){.service-charge-menu summary{min-height:44px}.service-charge-body{padding:0 12px 12px}}