*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:#26352d;font:16px/1.55 system-ui,sans-serif}a{color:#235d50;text-underline-offset:3px}header,main,footer{max-width:1400px;margin:auto;padding:1.2rem 1.5rem}header{border-bottom:1px solid #d9dfd6}nav{font-size:.9rem}h1,h2,h3{line-height:1.25}h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);margin:.7rem 0}h2{font-size:1.25rem;margin-top:0}h3{font-size:1rem}p{max-width:90ch}.standfirst{font-size:1.13rem;max-width:75ch}.eyebrow{color:#5e7061;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.note{color:#526456;font-size:.9rem}.panel{background:#fffdf7;border:1px solid #d9dfd6;border-radius:12px;padding:1.2rem;margin-bottom:1rem;min-width:0}.introduction{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.introduction p{margin-bottom:0}.try{border-left:3px solid #b7a374;padding-left:1rem}.try p{margin-top:.4rem}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0}button,input,select,textarea{font:inherit}button{border:1px solid #a4b6a6;border-radius:6px;padding:.55rem .8rem;background:#eef2e7;color:#254c3d;cursor:pointer;min-height:44px}button:hover{background:#e1e9d9}button:disabled{opacity:.5;cursor:default}select,input,textarea{padding:.5rem;border:1px solid #a4b6a6;border-radius:5px;background:#fffefb;color:inherit;min-height:44px;max-width:100%}textarea{width:100%;font:13px/1.5 ui-monospace,monospace;display:block;margin-top:.4rem}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a86422;outline-offset:3px}summary{cursor:pointer;font-weight:600}details>p:last-child{margin-bottom:0}details[open]>summary{margin-bottom:1rem}.scroll,.graph-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{padding:.5rem;text-align:left;border-bottom:1px solid #dde2d9;vertical-align:top}caption{text-align:left;margin:.6rem 0;color:#526456}td.number{font-variant-numeric:tabular-nums;white-space:nowrap}footer{border-top:1px solid #d9dfd6;font-size:.9rem}.error{color:#8b3024;font-weight:600}[hidden]{display:none!important}.skip{position:absolute;left:1rem;top:-100px;z-index:20;background:white;padding:1rem}.skip:focus{top:1rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;gap:1rem;border-block:1px solid #c9d3c6;padding:1rem 0}.metrics span{display:block;color:#526456;font-size:.85rem}.metrics strong{font-size:1.7rem;font-family:Georgia,serif;font-weight:400}.metrics .stability strong{font-size:1.45rem}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}fieldset{padding:0;border:0;margin:0 0 1rem}legend{font-weight:650;padding:0;margin-bottom:.5rem}.input-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.9rem}.input-row input{width:100%;font-variant-numeric:tabular-nums}.input-row small{display:block;color:#64725f;font-size:.78rem}.controls button{width:100%}.graph-scroll{margin:0 -1rem}#graph{display:block;width:100%;min-width:670px}svg text{font-family:system-ui,sans-serif;fill:#26352d}#history-chart{width:100%;display:block}.legend{display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.8rem;margin:1rem 0}.positive{color:#2a6958}.negative{color:#9b4e3a}.loop{border-left:3px solid #b9c7b1;padding-left:.8rem;margin-bottom:1rem}.loop p{margin:.2rem 0}.key{width:1rem;height:.3rem;display:inline-block;vertical-align:middle;margin-right:.4rem}code{font-size:.9em;background:#f1f0e6;padding:.1rem .3rem;border-radius:3px}#status{font-size:.9rem;margin:.6rem 0}#history-table td{font-variant-numeric:tabular-nums}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.controls form{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.controls form>button{grid-column:1/-1}.input-row{grid-template-columns:minmax(0,1fr) 110px}}@media(max-width:700px){header,main,footer{padding:1rem}.introduction,.grid{grid-template-columns:1fr;gap:1rem}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:1.45rem}.controls form{display:block}.try{padding-bottom:.4rem}.panel{padding:1rem}#history-chart{min-height:180px}.toolbar select{width:100%}th,td{padding:.4rem;font-size:.8rem}.input-row{grid-template-columns:minmax(0,1fr) 105px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
