:root{--ink:#173c3a;--lime:#d9fb8a;--paper:#f4f6ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:18px;padding:20px 5%;border-bottom:1px solid #cdd7cc;flex-wrap:wrap}a{color:inherit;text-underline-offset:4px}nav{display:flex;gap:20px;flex-wrap:wrap}main{max-width:1340px;padding:30px 5%;margin:auto}h1{font-size:clamp(40px,6vw,76px);line-height:1.04;letter-spacing:-3px;margin:20px 0}h2{font-size:28px;line-height:1.2}h3{margin:10px 0}p{max-width:80ch}.eyebrow,.tag{font:700 12px/1.5 system-ui;letter-spacing:2px;text-transform:uppercase}.hero{padding:25px 0 40px}.hero p{font-size:19px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{border:1px solid #c9d6cc;border-radius:18px;background:#fff;padding:22px;margin:16px 0}.card{margin:0;overflow:hidden}.card img{width:100%;height:190px;object-fit:cover;border-radius:10px;background:#e6eee3}.card small{display:block;margin-top:10px;color:#54706b}.tabs,.tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}button,.button{padding:12px 18px;border:1px solid #173c3a;background:var(--ink);color:white;border-radius:9px;cursor:pointer;font:600 14px system-ui;text-decoration:none}button.active,.button.primary{background:var(--lime);color:var(--ink)}button:hover{filter:brightness(1.1)}input,select{font:inherit;padding:10px;border:1px solid #aabbad;border-radius:7px;width:100%;background:#fff;color:var(--ink)}label{display:block;font-size:14px}label input{margin-top:6px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.metrics output{background:#173c3a;color:#e5fbbd;padding:18px;border-radius:12px;min-width:150px}.metrics strong{display:block;font-size:26px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.part{border:1px solid #cbd6c9;padding:16px;border-radius:12px}.part.selected{border:2px solid #43794c;background:#f3fbe9}.part button{margin:8px 0}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px;background:#143e38;border-radius:14px;color:white}.board div{border:1px solid #729d8a;border-radius:8px;padding:12px;min-height:90px}.board b,.board small{display:block}.diagram{width:100%;height:auto;background:#f6f8f0;border-radius:14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{padding:12px;text-align:left;border-bottom:1px solid #d8dfd3}pre{overflow:auto;background:#112f2d;color:#dbf2c8;padding:18px;border-radius:10px;max-height:350px;font-size:13px}iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.note{padding:14px;border-left:4px solid #91ae52;background:#f1f5e8}.muted{color:#54706b}footer{padding:30px 5%;font-size:13px}.hidden{display:none}button:focus-visible,a:focus-visible{outline:3px solid #bb7c00;outline-offset:3px}@media(max-width:850px){.grid,.catalog{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr 1fr}.board{grid-template-columns:1fr 1fr}}@media(max-width:540px){.grid,.catalog,.fields{grid-template-columns:1fr}main{padding:18px}.hero{padding-top:0}h1{letter-spacing:-2px}.card img{height:180px}}

.rc-layout{display:grid;grid-template-columns:minmax(200px,400px) 1fr;gap:24px;align-items:center}.rc-map{width:100%;max-height:400px}.rc-sticks{display:flex;gap:20px;justify-content:space-around}.rc-stick{width:140px;height:140px;border:3px solid #829d90;border-radius:50%;background:radial-gradient(#d8e8d0,#eff5eb);display:grid;place-items:center;touch-action:none;user-select:none}.stick-knob{width:46px;height:46px;border-radius:50%;background:#173f3a;box-shadow:0 4px 10px #173f3a55;pointer-events:none}#rc-functions>div{display:flex;gap:3px} @media(max-width:760px){.rc-layout{grid-template-columns:1fr}.rc-map{max-height:240px}.rc-stick{width:120px;height:120px}.rc-sticks{gap:12px}}