/* Self-service billing clarity and responsive neutral information design. */
.billing-clarity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 24px}.billing-clarity article{display:flex;align-items:flex-start;gap:12px;min-width:0;border:1px solid #dce9e3;background:#fff;border-radius:15px;padding:17px 15px}.billing-clarity article>span{flex:none;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#ecf5ee;color:#226f59;font-size:17px;font-weight:900}.billing-clarity article strong{display:block;color:#19434a;font-size:13px;line-height:1.45}.billing-clarity article p{font-size:12px;line-height:1.6;color:#61777b;margin:5px 0 0}.billing-card{min-width:0}.billing-next-charge{background:#f0f7f1;border-left:3px solid #2b8a71;padding:11px 13px!important;border-radius:5px;font-size:13px;color:#235a56!important;font-weight:750}.billing-foot{font-size:13px;line-height:1.75}.billing-foot p{margin:8px 0}.billing-shell{max-width:1110px;padding-inline:clamp(17px,3vw,38px)}.billing-hero{padding-top:clamp(30px,5vw,58px)}.billing-hero p{max-width:840px}.billing-panel{border-radius:20px}.billing-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));align-items:stretch}.billing-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.billing-card .billing-danger{margin-top:auto}.billing-dialog{line-height:1.65}@media(max-width:760px){.billing-clarity{grid-template-columns:1fr;gap:9px}.billing-clarity article{padding:13px}.billing-shell{padding-inline:18px}.billing-dialog{padding:19px}}