*{box-sizing:border-box} :root{--ink:#142f3c;--muted:#526875;--teal:#0d736d;--paper:#fafaf6;--line:#d9e2e4;--gold:#bd801f}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:7px 13px}button:hover{border-color:var(--teal)}button:focus-visible,select:focus-visible{outline:3px solid #b27720;outline-offset:3px}header{display:flex;align-items:center;gap:22px;padding:20px 30px;border-bottom:1px solid var(--line)}.brand{color:var(--teal);text-decoration:none;font-size:24px;display:flex;gap:12px;align-items:center}.brand b{font-weight:450}.edition{margin-left:auto;font-size:14px;color:var(--muted)}nav{display:flex;gap:8px;padding:12px 30px;border-bottom:1px solid var(--line)}nav button{border-color:transparent;background:transparent}nav button.active{color:white;background:var(--teal)}.view{display:none}.view.active{display:flex}aside{width:310px;flex-shrink:0;padding:23px;border-right:1px solid var(--line);max-height:calc(100vh - 150px);overflow:auto}h1{font-size:26px;line-height:1.2;margin:0 0 15px}h2{font-size:18px;margin:24px 0 10px}p{margin:10px 0 18px;color:var(--muted)}label{display:block}select{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:white}.choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choices label{font-size:14px;display:flex;align-items:start;gap:5px}.choices input{accent-color:var(--teal);margin-top:5px}.hint{font-size:14px}.lab{flex:1;min-width:0;padding:20px}.canvasbar{display:flex;align-items:center;gap:8px;font-size:14px}.canvasbar span{margin-right:auto}#triangle{width:100%;height:calc(100vh - 255px);min-height:410px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:14px;touch-action:none}.vertex{cursor:grab}.readout{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin-top:10px}.reading{padding:30px;max-width:1450px;width:100%;margin:auto}.plot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plot{background:white;border:1px solid var(--line);border-radius:9px;padding:15px}.plot svg{width:100%;height:260px}footer{padding:18px 30px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}dialog{max-width:630px;border:1px solid var(--line);border-radius:10px;padding:30px}dialog::backdrop{background:#142f3c66}#close-help{float:right}@media(max-width:850px){.edition{display:none}header{padding:15px}.brand{font-size:20px}nav{padding:10px;flex-wrap:wrap}main.view.active{flex-direction:column}aside{width:100%;max-height:300px;border-right:0;border-bottom:1px solid var(--line)}.choices{grid-template-columns:repeat(3,1fr)}.lab{padding:12px}#triangle{height:510px}.plot-grid{grid-template-columns:1fr}.reading{padding:18px}}