*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#16343b;font:clamp(16px,1.45vw,19px)/1.65 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:white;border-bottom:1px solid #d4ded9;padding:14px max(5%,calc((100vw - 1160px)/2));font-size:.85rem}header strong{font-size:1.14rem;white-space:nowrap}main{max-width:1220px;padding:clamp(16px,3vw,34px);margin:auto}h1{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.16;margin:.35em 0}h2{font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.35;margin:0 0 .35em}p{margin:.4em 0 1em;max-width:77ch}.twocol{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:18px;align-items:stretch}.graph,.question,#entry{border-radius:14px;padding:clamp(14px,2.6vw,28px)}.graph{color:#dbefea;background:#12363b}.graph svg{width:100%;display:block}.question,#entry{background:white;border:1px solid #c7d8d0}#entry{margin-bottom:20px;border-left:6px solid #067466}#entry[hidden]{display:none}.controls,nav,#options{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.controls label,.controls output{font-size:.8rem}input{accent-color:#96e1c6;min-width:55px;max-width:135px}.controls button{background:#12363b;color:#caefdf;border-color:#92c8b9}button,a.button{font:inherit;cursor:pointer;min-height:44px;padding:6px 16px;border:1px solid #0c6961;border-radius:8px;background:white;color:#0d514f}a.button{display:inline-flex;align-items:center;background:#0c625b;color:white;text-decoration:none}a{color:#075f5a;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e4aa45;outline-offset:3px}nav a{display:inline-flex;align-items:center;min-height:44px}section:has(video){margin-top:2rem}video{width:100%;max-width:980px;display:block;background:#11383e;border-radius:12px}footer{margin-top:2rem;font-size:.8em;color:#506766}#feedback:not(:empty){margin:.8em 0;border-left:4px solid #047364;padding-left:.8em}@media(max-width:710px){.twocol{grid-template-columns:1fr}.controls{gap:6px}header{font-size:.76rem}}
