.finance-period{font-size:1rem;margin-bottom:30px}.finance-stats .stat strong{font-size:clamp(2.2rem,3.6vw,3.3rem)}.finance-stats .finance-pending{font-size:2rem}.finance-bars{max-width:980px;display:grid;gap:28px}.finance-bar-label{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;align-items:baseline}.finance-bar-label>span{font-family:Outfit,sans-serif;font-size:1.3rem}.finance-bar-label strong{white-space:nowrap;font-weight:500}.finance-bar-label small{display:inline-block;min-width:65px;text-align:right;color:#565656;font-size:.8rem}.finance-track{height:24px;background:#fff;border-radius:20px;overflow:hidden}.finance-track>span{display:block;height:100%;border-radius:inherit;background-image:var(--grain),linear-gradient(100deg,#F36B23,#FEE800);background-size:160px 160px,100% 100%}.tone-1 .finance-track>span{background-image:var(--grain),linear-gradient(100deg,#4CB748,#FEE800)}.tone-2 .finance-track>span{background-image:var(--grain),linear-gradient(100deg,#EF3867,#F36B23)}.tone-3 .finance-track>span{background-image:var(--grain),linear-gradient(100deg,#FEE800,#4CB748)}.finance-bars+.note{margin-top:28px}.finance-table td,.finance-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.finance-table tfoot{border-top:2px solid var(--orange);font-weight:600}.finance-table tfoot th{font-weight:600}.finance-history{margin-top:48px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.finance-history summary{cursor:pointer;padding:24px 0;font-family:Outfit,sans-serif;font-size:1.25rem}.finance-history .note{margin-bottom:25px}@media(max-width:600px){.finance-bar-label{gap:8px;align-items:start}.finance-bar-label>span{font-size:1.05rem;max-width:52%}.finance-bar-label strong{font-size:.95rem}.finance-bar-label small{display:block;font-size:.75rem}.finance-track{height:20px}.finance-table{min-width:500px}.finance-history table{min-width:720px}.finance-stats .stat strong{font-size:2.05rem}.finance-stats .finance-pending{font-size:1.7rem}}

#ysd-pillar-spending>.note{margin-bottom:0}#ysd-pillar-spending>.note+.table-scroll{margin-top:32px}@media(max-width:600px){#ysd-pillar-spending>.note+.table-scroll{margin-top:24px}}