:root{--ink:#17251f;--muted:#5a6d66;--green:#176b55;--deep:#123e35;--orange:#d87924;--paper:#fff;--wash:#edf5f1;--line:#c9d9d2}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:#e8f0ec}body{margin:0;font-size:16px;line-height:1.5}.lab-head{background:var(--deep);color:white;padding:1rem max(1rem,calc((100vw - 1120px)/2))}.lab-head a{color:#dff3ea}.lab-head h1{font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.05;margin:.9rem 0 .35rem}.lab-head p{max-width:760px;margin:0 0 .7rem;color:#dcebe5}.shell{max-width:1120px;margin:auto;padding:1rem;display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.5fr);gap:1rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.1rem;box-shadow:0 8px 24px rgba(18,62,53,.06)}h2{font-size:1.2rem;margin:0 0 1rem}label{display:block;font-weight:750;margin:.9rem 0 .3rem}select,input[type=range]{width:100%;font:inherit}select{padding:.65rem;border:1px solid #9cb5aa;border-radius:8px;background:white}.value{color:var(--green);font-variant-numeric:tabular-nums}.button-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}button{font:inherit;font-weight:800;border:0;border-radius:8px;padding:.72rem 1rem;cursor:pointer;background:var(--green);color:white}button.secondary{background:white;color:var(--deep);border:1px solid var(--line)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f5b678;outline-offset:2px}.readout{background:var(--wash);border-left:5px solid var(--orange);padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem}.readout strong{display:block;font-size:1.35rem}.graph{width:100%;min-height:280px;border:1px solid var(--line);border-radius:10px;background:white}.legend{font-size:.9rem;color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}th,td{text-align:left;padding:.55rem;border-bottom:1px solid var(--line)}th{background:var(--wash)}textarea{width:100%;min-height:110px;padding:.75rem;font:inherit;border:1px solid #9cb5aa;border-radius:8px}.saved{color:var(--green);font-weight:700;min-height:1.5rem}.directions{grid-column:1/-1}.directions ol{padding-left:1.25rem}@media(max-width:760px){.shell{grid-template-columns:1fr}.graph{min-height:230px}}@media print{.lab-head{background:white;color:black}.lab-head p{color:black}.shell{display:block}.panel{box-shadow:none;margin-bottom:1rem}button{display:none}}