/* Keep each balance table inside the available grid column. */
.content:has(.finance-pages),#page:has(.finance-pages),
.finance-pages,.finance-pages .finance-page,.finance-pages .balance-page{
 min-width:0;max-width:100%;box-sizing:border-box;
}
#page .finance-pages :is([data-finance-page="balance"],[data-finance-page="cash"]) .table-wrap{
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;
 overflow-x:auto!important;overflow-y:auto!important;max-height:none!important;
 touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch;
}
#page .finance-pages :is([data-finance-page="balance"],[data-finance-page="cash"]) table{
 width:max-content;min-width:100%;
}
.finance-pages [data-balance-page="margin"] .finance-metrics{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
 min-width:0;width:100%;max-width:100%;
}
.finance-pages [data-balance-page="margin"] .finance-metrics .metric{
 min-width:0;max-width:100%;box-sizing:border-box;
}
.finance-pages [data-balance-page="margin"] .finance-metrics .metric small{
 display:block;line-height:1.4;white-space:normal;
}
.finance-pages [data-balance-page="margin"] .finance-metrics .metric strong{
 font-size:clamp(20px,2.1vw,28px);line-height:1.3;overflow-wrap:anywhere;
}
@media(max-width:900px){
 .finance-pages [data-balance-page="margin"] .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 #page .finance-pages :is([data-finance-page="balance"],[data-finance-page="cash"]) .table-wrap{padding:12px}
 .finance-pages [data-balance-page="margin"] .finance-metrics .metric{padding:16px}
 .finance-pages [data-balance-page="margin"] .finance-metrics .metric strong{font-size:24px}
}
@media(max-width:420px){
 .finance-pages [data-balance-page="margin"] .finance-metrics{grid-template-columns:minmax(0,1fr)}
}