*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171717;color:#e9e9e9;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}header{height:74px;position:sticky;top:0;z-index:20;background:#1d1d1d;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px}.brand img{width:44px;height:44px;object-fit:contain}.top{margin-left:auto;display:flex;gap:18px;align-items:center}.top input{width:260px;background:#292929;border:1px solid #3b3b3b;border-radius:8px;color:#fff;padding:11px 13px;outline:none}.top a{color:#ddd;text-decoration:none}.layout{display:grid;grid-template-columns:300px minmax(0,900px);justify-content:center;gap:46px}.layout aside{height:calc(100vh - 74px);position:sticky;top:74px;overflow:auto;padding:28px 18px;border-right:1px solid #303030}.side-title{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 10px 15px}.layout aside a{display:block;color:#bcbcbc;text-decoration:none;padding:9px 12px;border-radius:7px;font-size:14px}.layout aside a:hover,.layout aside a.active{background:#292929;color:#fff}main{padding:42px 28px 100px;min-width:0}.hero{display:flex;align-items:center;gap:25px;padding:18px 0 38px;border-bottom:1px solid #2e2e2e}.hero img{width:125px;height:125px;object-fit:contain}.hero h1{font-size:32px;margin:0}.hero p{margin:4px 0;color:#aaa;font-size:18px}section{padding:38px 0 22px;border-bottom:1px solid #2b2b2b;scroll-margin-top:95px}h2{font-size:25px;color:#fff;margin:0 0 18px}p{color:#d0d0d0}ul{padding-left:24px}li{margin:10px 0;color:#d0d0d0}strong{color:#ededed}#menu{display:none;background:none;border:0;color:white;font-size:23px;margin-right:12px}#noResults{display:none;padding:30px 0;color:#aaa}@media(max-width:800px){header{padding:0 12px}.brand span{font-size:14px}.top a{display:none}.top input{width:145px}.layout{display:block}.layout aside{position:fixed;z-index:15;top:74px;left:-310px;width:300px;background:#1b1b1b;transition:.2s}.layout aside.open{left:0}#menu{display:block}main{padding:28px 20px}.hero img{width:90px;height:90px}.hero h1{font-size:26px}}