body{margin:0;background:#f2f5ed;color:#173c33;font:17px system-ui,sans-serif}header,main{max-width:1120px;margin:auto;padding:24px}header{border-bottom:1px solid #c4d2be}a{color:#11695f}nav{display:flex;gap:12px;flex-wrap:wrap}nav a,button{padding:12px 16px;border-radius:9px;background:#d9ebcf;color:#173c33;text-decoration:none}h1{font-size:clamp(32px,6vw,64px);line-height:1.08;max-width:850px}h2{font-size:27px}p{line-height:1.65}.kicker{letter-spacing:.14em;font-size:13px;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}article,.panel{padding:24px;background:white;border:1px solid #cedbca;border-radius:18px;margin:20px 0}label{display:block;margin:16px 0}input,select{display:block;box-sizing:border-box;width:100%;padding:12px;font:inherit}output{display:block;white-space:pre-line;font-size:21px;color:#126a54;background:#edf5e6;padding:22px;border-radius:12px}button{border:0;font:inherit;cursor:pointer;margin:8px 8px 8px 0}button:focus-visible,a:focus-visible{outline:3px solid #bf6b16}small,.muted{color:#526756}.tag{display:inline-block;padding:5px 10px;background:#e6efdc;border-radius:20px;font-size:13px}.flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}.flow span{padding:18px;background:#e0eee8;border:1px solid #90b5a7;border-radius:10px}pre{overflow:auto;background:#132c29;color:#ddf7d0;padding:20px}footer{padding:30px}svg{max-width:100%}.science{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px}.range-number{display:flex;gap:8px}.experiment svg{background:#153c38;border-radius:12px}.file input{max-width:100%}