*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:#102b3d;font:15px/1.6 system-ui,sans-serif}aside{position:fixed;width:250px;inset:0 auto 0 0;background:#e6eff2;padding:32px 23px;overflow:auto}.brand{font-size:28px;font-weight:800;text-decoration:none;color:#102b3d}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:750;color:#52717f}nav{margin:30px 0}button,select,input{font:inherit}nav button{display:block;width:100%;text-align:left;border:0;padding:11px 13px;margin:4px 0;background:transparent;color:#315361;border-radius:7px;cursor:pointer}nav button.active{background:#102b3d;color:white}label{display:block;font-size:12px;font-weight:650;margin:15px 0}select,input{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #bdcfd6;border-radius:5px;background:white;color:#102b3d}.aside-note{font-size:12px;color:#45616d;margin:28px 0}aside>a:not(.brand){display:block;font-size:12px;margin:14px 0;color:#126963}main{margin-left:250px;padding:38px 5%;max-width:1600px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.pill{font-size:10px;letter-spacing:1px;background:#dff0e9;padding:5px 10px;border-radius:15px;color:#256752}h1{font-size:38px;letter-spacing:-1.4px;margin:28px 0 0}h2{font-size:21px;margin:25px 0 8px}#scope{color:#5c7783;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin:24px 0}.card{background:white;border:1px solid #dce6ea;border-top:3px solid #148b87;border-radius:9px;padding:20px}.card small{display:block;color:#56727e}.card strong{display:block;font-size:25px;margin-top:8px;line-height:1.2}.note{padding:14px 18px;background:#e7f2f3;border-left:3px solid #148b87;border-radius:4px;margin:20px 0}.warning{background:#fff5dd;border-color:#c69530}.tablewrap{overflow:auto;border:1px solid #dce6ea;border-radius:8px;background:white}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;background:#eaf0f3;color:#42616e}td,th{padding:10px 12px;border-bottom:1px solid #e6edf0}tr:hover td{background:#f1f7f7}.barrow{display:grid;grid-template-columns:minmax(160px,35%) 1fr 95px;gap:12px;margin:12px 0;align-items:center;font-size:12px}.bar{height:21px;background:#168d88;border-radius:0 4px 4px 0}.action{border:1px solid #148b87;background:white;color:#126963;padding:11px 15px;border-radius:6px;cursor:pointer;margin:7px 7px 7px 0}.examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.examples button{text-align:left;min-height:75px}.action:hover{background:#def0ee}pre{overflow:auto;background:#102b3d;color:#e3f0f4;padding:20px;border-radius:7px;white-space:pre-wrap;font-size:12px}.controls{display:flex;gap:20px;align-items:center}.controls label{max-width:300px;flex:1}footer{border-top:1px solid #d8e4e8;color:#64808b;font-size:11px;margin-top:45px;padding-top:20px}.disabled{opacity:.6}a{color:#126963}button:focus-visible,a:focus-visible{outline:3px solid #ddaa35;outline-offset:3px}@media(max-width:800px){aside{position:static;width:auto;padding:20px}nav{display:flex;flex-wrap:wrap;margin:10px 0}nav button{width:auto}.filters{display:flex;gap:10px}.filters label{flex:1}.aside-note{display:none}main{margin:0;padding:24px}h1{font-size:30px}.examples{grid-template-columns:1fr}.barrow{grid-template-columns:130px 1fr 75px}}