body{margin:0;background:#f6f5f1;color:#202d35;font:16px/1.65 system-ui,sans-serif}header,main,footer{max-width:1280px;margin:auto;padding:24px}header{display:flex;gap:24px;align-items:center;flex-wrap:wrap}a{color:#23695e}header strong{margin-right:auto}h1{font-size:clamp(30px,4vw,54px);line-height:1.15;margin:16px 0}h2{margin-top:0}section{background:white;border:1px solid #e1e5df;border-radius:14px;padding:24px;margin:24px 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#46786c;font-size:13px}.badge{background:#dceee6;border-radius:20px;padding:5px 12px;display:inline-block}.controls{display:flex;gap:18px;flex-wrap:wrap;align-items:center}select,input,button{font:inherit}select{padding:5px}input[type=range]{width:240px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.fields article{min-width:0}canvas{width:100%;image-rendering:pixelated;border:1px solid #d3d8d4;display:block}.stats{font-variant-numeric:tabular-nums}.small{font-size:13px;color:#53676c}.plot{width:100%;height:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:10px;border-bottom:1px solid #ddd;white-space:nowrap}th{cursor:pointer;background:#edf3ef}th:first-child,td:first-child{text-align:left}th:focus{outline:2px solid #23695e}.scale{display:flex;height:12px;background:linear-gradient(to right,#440154,#3b528b,#21918c,#5ec962,#fde725)}.scale.error{background:linear-gradient(to right,#000004,#57106e,#bc3754,#f98e09,#fcffa4)}.limits{display:flex;justify-content:space-between;font-size:12px}details img{margin:12px 0}#probe{min-height:48px}.note{border-left:4px solid #417a6e;padding-left:16px}@media(max-width:700px){header,main,footer{padding:16px}section{padding:16px}.fields{grid-template-columns:1fr}}