:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#183746;background:#edf3f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:36px 28px}header{margin-bottom:25px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;color:#347570}h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;margin:10px 0}header p{color:#526b77;font-size:18px;margin:0}.panel{background:white;border:1px solid #d3e0e4;border-radius:20px;overflow:hidden;box-shadow:0 12px 36px #23445009}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #e3ebee}label{font-size:14px;font-weight:600}select,button{font:inherit;border:1px solid #b5c9ce;border-radius:9px;padding:10px 13px;background:white;color:#183746;cursor:pointer}select{margin-left:8px}.badge{font-size:12px;color:#526b77;background:#eff5f5;padding:8px 12px;border-radius:30px}.rope-head{display:grid;grid-template-columns:1fr 1fr;padding:22px 25px 0;text-align:center}.rope-head strong{display:block;font-size:18px}.rope-head span{display:block;font-size:13px;color:#647c86;margin-top:5px}svg{display:block;width:100%;height:auto}.equilibrium{stroke:#bbcdd2;stroke-dasharray:5 5;fill:none}.boundary{stroke:#758d98;stroke-width:1.5;stroke-dasharray:7 6}.rope{fill:none;stroke-linecap:round;stroke-linejoin:round}.svg-label{font-size:17px;font-weight:650;fill:#234958}.small-label{font-size:13px;fill:#627681}.marker-guide{stroke:#d6b458;stroke-dasharray:3 6;opacity:.35}.status{min-height:48px;padding:12px 24px;background:#eff7f6;color:#22665e;font-size:15px}.controls{display:flex;align-items:center;gap:10px;padding:20px 24px 10px;flex-wrap:wrap}.controls label{margin-left:auto}.primary{background:#146d68;color:white;border-color:#146d68;min-width:105px}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #dfac31;outline-offset:3px}.timeline{display:flex;align-items:center;gap:15px;padding:12px 24px 24px}.timeline input{flex:1;min-width:70px;accent-color:#146d68}.timeline output{font-size:13px;min-width:72px;text-align:right}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}article{padding:23px;background:white;border:1px solid #d8e4e7;border-radius:15px}h2{font-size:21px;margin:12px 0}article p,details p{font-size:15px;line-height:1.6;color:#4d6773;margin:10px 0 0}.question{background:#f5effb;border-color:#e4d8f1}.question .eyebrow{color:#7d439b}details{padding:20px 4px}summary{cursor:pointer;font-weight:600}footer{color:#687f88;font-size:13px;padding:5px 4px 16px}@media(max-width:650px){main{padding:22px 12px}.topbar{align-items:flex-start;flex-direction:column;padding:16px}.topbar label{display:grid;gap:8px}.topbar select{margin:0}.cards{grid-template-columns:1fr}.controls{padding:16px}.controls label{margin-left:0}.rope-head{padding:16px 6px 0}.rope-head strong{font-size:14px}.timeline{padding:12px 16px 20px}.badge{display:none}.status{font-size:14px}svg{min-height:210px}.svg-label{font-size:19px}}