*{box-sizing:border-box}body{margin:0;background:#f7f5ed;color:#283d35;font:16px/1.6 system-ui,sans-serif}a{color:#285f50;text-underline-offset:3px}header,main,footer{max-width:1160px;margin:auto;padding:1.4rem}header{border-bottom:1px solid #d4ddd0}h1{font:clamp(2rem,5vw,3.3rem)/1.12 Georgia,serif;max-width:22ch;margin:.5rem 0 1rem}h2{font:1.5rem/1.25 Georgia,serif;margin:.2rem 0 .8rem}p{max-width:85ch}.intro{font-size:1.15rem;max-width:68ch}.eyebrow{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.panel{border:1px solid #d7dfd2;border-radius:12px;background:#fffdf7;padding:1.25rem;margin:0 0 1.2rem;min-width:0}.scenario{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.stamp{background:#ececdb;padding:1rem;align-self:center;border-left:4px solid #b48d45}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.controls{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2rem}.controls label{display:block;font-weight:600}input,select,button{font:inherit;color:inherit;max-width:100%}input[type=range]{display:block;width:100%;margin:.7rem 0;accent-color:#376653}select{display:block;width:100%;padding:.5rem;margin-top:.4rem;background:#fffdf7;border:1px solid #9cae9f;border-radius:5px}button{background:#e9eddf;padding:.6rem 1rem;border:1px solid #9eae97;border-radius:5px;cursor:pointer;width:fit-content}output{float:right;font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metrics strong{display:block;font:2rem Georgia,serif;margin-top:.5rem}.small,footer{font-size:.88rem;color:#566557}.scroll{overflow:auto}.formula{background:#f0f1e7;padding:.7rem}table{width:100%;border-collapse:collapse}caption{text-align:left;margin:.7rem 0;font-size:.9rem}th,td{text-align:left;padding:.55rem;border-bottom:1px solid #d7dfd2;font-variant-numeric:tabular-nums}summary{cursor:pointer;font-weight:600}svg{display:block;width:100%;height:auto}svg text{font-family:system-ui,sans-serif;fill:#283d35}.skip{position:absolute;top:-100px;background:white;padding:1rem}.skip:focus{top:0}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.scroll:focus-visible{outline:3px solid #bd702d;outline-offset:4px}code{overflow-wrap:anywhere}#error{color:#8b3024}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:1rem}.grid,.scenario,.controls{grid-template-columns:1fr}.scenario{gap:.5rem}.metrics{grid-template-columns:1fr 1fr}h1{font-size:2.2rem}th,td{font-size:.85rem;padding:.4rem}}
