main{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;font-family:sans-serif;display:grid}main h1{color:oklch(20% 0 0);grid-column:1/-1;margin:0;font-size:1.8rem;font-weight:700}main h2{color:oklch(25% 0 0);margin-bottom:1rem;font-size:1.3rem;font-weight:600}main #pieChart{width:100%!important;height:auto!important}main #monthFilter{color:oklch(20% 0 0);cursor:pointer;background-color:oklch(100% 0 0);border:.0625rem solid oklch(80% 0 0);border-radius:.3rem;margin-left:.5rem;padding:.3rem .6rem;font-family:inherit;font-size:.9rem}main #monthFilter:focus{outline:.125rem solid oklch(60% .15 140)}main #monthlist{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}main #monthlist li{padding:.8rem 1rem;font-size:.95rem}main section:has(#treelist){grid-column:1/-1}main #treelist{grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}main #treelist li{color:oklch(40% 0 0);background-color:oklch(100% 0 0);border:.0625rem solid oklch(95% 0 0);border-radius:.625rem;padding:1.25rem;font-size:.9rem;line-height:1.6;box-shadow:0 .25rem .875rem oklch(0% 0 0/.05),0 .0625rem .1875rem oklch(0% 0 0/.02)}main #treelist li strong{color:oklch(15% 0 0);margin-bottom:.4rem;font-size:1.05em;font-weight:700;display:inline-block}