@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap');

:root { color: #202a24; background: #f6f5ee; font-family: "Source Serif 4", Georgia, serif; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 40rem; margin: 0 auto; padding: 2.75rem 1.25rem 4rem; }
header { margin-bottom: 1.75rem; }
.eyebrow { margin: 0 0 .45rem; color: #587261; font: 500 .72rem/1 "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
h1 { font-size: clamp(1.7rem, 5vw, 2rem); line-height: 1.05; margin: 0; }
.summary { color: #4d5a51; font-size: 1.05rem; line-height: 1.45; margin: .7rem 0 0; }
.amount, strong { font-family: "DM Mono", monospace; font-size: .9em; font-weight: 500; white-space: nowrap; }
.overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-bottom: 2rem; }
.overview div { border: 1px solid #d3d9cf; border-radius: .35rem; padding: .75rem; background: #fbfaf5; }
.overview span { display: block; color: #5b675f; font: .64rem/1.2 "DM Mono", monospace; letter-spacing: .04em; text-transform: uppercase; margin-bottom: .4rem; }
.overview strong { color: #203b2c; font-size: .95rem; }
.group { border-top: 1px solid #cfd7cc; padding: 1rem 0 .9rem; }
.group-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
h2 { font-size: 1.1rem; line-height: 1.2; margin: 0; }
ul { list-style: none; padding: 0; margin: .55rem 0 0; }
li { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .22rem 0; font-size: 1rem; }
small { display: block; color: #68736b; font-size: .78rem; }
.notes { border-top: 1px solid #cfd7cc; margin-top: .1rem; padding-top: 1.2rem; color: #38453b; }
.notes h2 + p, .notes h2 + ol { margin-top: .45rem; }
.notes h2:not(:first-child) { margin-top: 1.25rem; }
.notes p, .notes li { line-height: 1.45; }
ol { padding-left: 1.25rem; }
@media (max-width: 420px) { .overview { grid-template-columns: 1fr; } }