html{scroll-behavior:auto}
.spending-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.spending-bar .brand{display:inline;white-space:nowrap}
.spending-main{padding-block:32px 44px}
.spending-main .pagehead .lead,.spending-explain{max-width:76ch}
.spending-controls{display:flex;flex-wrap:wrap;align-items:end;gap:20px 36px}
.spending-controls form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.spending-controls select{min-height:44px}
.spending-block{margin-top:28px}
.spending-block h2{margin-bottom:10px}
.spending-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.spending-total{border-top:4px solid var(--teal)}
.spending-total[data-spending-scope="recipient_location"]{border-top-color:#866731}
.spending-total h3{font-family:var(--sans);font-size:1rem;font-weight:650;letter-spacing:normal}
.spending-amount{font:500 clamp(1.6rem,3vw,2.75rem)/1.2 var(--serif);font-variant-numeric:tabular-nums;margin:10px 0;overflow-wrap:anywhere}
.spending-total .smallmeta,.spending-explain+.spending-explain{margin-top:7px}
.spending-block table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.spending-block caption{display:table-caption;text-align:left;margin:6px 0}
.spending-block th,.spending-block td{text-align:right;padding:9px 6px;border-top:1px solid var(--line);overflow-wrap:anywhere}
.spending-block tr>:first-child{text-align:left}
.spending-block .actions{margin:12px 0}
.spending-block .actions a[aria-current]{color:var(--card);background:var(--teal)}
.spending-actions{padding:0;list-style:none}
.spending-action{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}
.spending-action h4{font:500 1.2rem var(--serif);margin:4px 0}
.spending-action>p+p{margin-top:5px}
.spending-block pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}
.spending-block code{overflow-wrap:anywhere}
.spending-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:720px){
  .spending-bar{min-height:58px}
  .spending-controls,.spending-controls form{align-items:stretch}
  .spending-controls form{flex:1 1 100%}
  .spending-controls label{flex:1 1 9rem;min-width:0}
  .spending-controls .btn{align-self:end}
  .spending-pair{grid-template-columns:1fr;gap:10px}
  .spending-block th,.spending-block td{font-size:.875rem;padding:8px 3px}
}