/* One type scale for home, books, forms and the sharing summary. */
:root{
 --liqing-song:'Liqing Latin','Rixi Song','Songti SC','SimSun',serif;
 --type-page:30px;--type-section:22px;--type-heading:18px;
 --type-body:15px;--type-small:13px;--type-caption:12px;
 --type-total:34px;--type-amount:21px;--type-secondary:14px;
}
html,body,button,input,select,textarea,h1,h2,h3,h4,summary,table,svg text,
.brand,.big,.primary-amount,.secondary-amount,.summary-label,.quick-result .result-receipt{
 font-family:var(--liqing-song)!important;
}
body{font-size:var(--type-body);line-height:1.6}
h1{font-size:var(--type-page)!important;letter-spacing:0;line-height:1.35}
h2,.home-book strong{font-size:var(--type-section)!important;line-height:1.4}
h3{font-size:var(--type-heading)!important;line-height:1.4}
button,input,select,textarea{font-size:var(--type-body);line-height:1.5}
.small,label,.summary-label,.category-note{font-size:var(--type-small)!important}
.eyebrow,.result-caption{font-size:var(--type-caption)!important}
.big,.result-total,.total-money .primary-amount{
 font-size:var(--type-total)!important;font-weight:400!important;letter-spacing:0;line-height:1.25;
}
.primary-amount,.result-people strong,.account-amount .primary-amount,.donut-total{
 font-size:var(--type-amount)!important;font-weight:400!important;letter-spacing:0;line-height:1.35;
}
/* Total cards use the same headline size as the quick result. */
.total-money .primary-amount{font-size:var(--type-total)!important}
.secondary-amount{font-size:var(--type-secondary)!important;font-weight:400;line-height:1.5}
.receipt-money{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}
.receipt-money small{display:inline!important;font-size:.75em!important;font-weight:400;vertical-align:baseline;margin:0 .3em 0 0;color:#657569}
.total-money .receipt-money small,.result-total .receipt-money small{font-size:.6em!important}
.person-name,.quick-result .result-people>div{font-size:19px}
.account-title>strong{font-size:var(--type-heading)!important}
.quick-result .result-totals{font-size:var(--type-secondary)}
.quick-result .result-people>div{padding:9px 0}
.category-legend th,.category-legend td{font-size:var(--type-small)}
.donut-label{font-size:var(--type-caption)}
@media(max-width:700px){:root{--type-page:28px}}
@media(hover:none) and (pointer:coarse){input,select,textarea{font-size:16px!important}}
