:root{font-family:system-ui,sans-serif;color:#17322d;background:#f7f8f2;font-size:17px}body{margin:0}main{max-width:1100px;margin:auto;padding:40px 20px}a{color:#0a6253}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}p{max-width:78ch;line-height:1.65}code{display:inline-block;padding:12px;border:1px solid #bacdc5;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}form{display:flex;flex-wrap:wrap;gap:14px;align-items:center}input,button{font:inherit;padding:10px;border:1px solid #8daba0;border-radius:4px}button{background:#17322d;color:white;cursor:pointer}.totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:0;list-style:none}.totals li{padding:18px;background:white;border:1px solid #d6e0d7}.totals strong{display:block;font-size:1.8rem}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.86rem;background:white}th,td{padding:12px;text-align:left;border:1px solid #d6e0d7}caption{text-align:left;padding:16px 0;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0069c5;outline-offset:3px}