*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#263149;background:#fafbfe;font:16px system-ui,sans-serif;line-height:1.85}a{color:#3155f5;text-decoration:none}header{height:75px;display:flex;align-items:center;gap:30px;background:white;border-bottom:1px solid #e6eaf2;padding:0 5%;position:sticky;top:0;z-index:10}header>a:first-child{color:#1f2d48;font-weight:700;font-size:24px}header>span{font-size:10px;letter-spacing:2px;color:#9aa5b8}header>a:last-child{margin-left:auto;font-size:13px}aside{position:fixed;top:75px;bottom:0;width:275px;padding:35px 25px;border-right:1px solid #e6eaf2;background:white;overflow:auto}aside h1{font-size:20px;margin:0}aside p{font-size:12px;color:#97a4ba;margin-bottom:28px}aside a{display:block;padding:12px 0;color:#677893;font-size:13px}aside a:hover{color:#3155f5}main{margin-left:275px;padding:65px 6%;max-width:1500px}.intro{padding-bottom:60px;border-bottom:1px solid #e6eaf2}.intro>span{font-size:11px;letter-spacing:2px;color:#3155f5}.intro h1{font-size:43px;letter-spacing:-1px;line-height:1.4}.intro p{color:#8492a9}.intro>a{font-size:14px}section{padding:45px 0;border-bottom:1px solid #e6eaf2}h2{font-size:29px;margin-bottom:35px;color:#1e2c48}h3{font-size:20px;margin-top:35px}h4{font-size:17px;margin-top:30px}p,li{color:#61738e;font-size:15px}li{margin:10px 0}.table-wrap{overflow:auto;border:1px solid #e3e8f1;border-radius:7px;background:white}table{width:100%;border-collapse:collapse;font-size:13px;min-width:550px}td{padding:14px;border-bottom:1px solid #eef1f7;vertical-align:top}tr:first-child{background:#f0f4ff;font-weight:600}code{font-size:12px;background:#eef2fa;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}pre{background:#152039;color:#d5e2ff;padding:23px;border-radius:8px;overflow:auto;font-size:13px;line-height:1.7}pre code{background:none;padding:0;color:inherit}footer{padding:35px 0;font-size:12px;color:#9aa8be}@media(max-width:850px){aside{position:static;width:auto;padding:20px 6%;display:flex;gap:12px;overflow:auto}aside h1,aside p{display:none}aside a{flex-shrink:0;font-size:12px}main{margin-left:0;padding:35px 6%}.intro h1{font-size:32px}header{padding:0 6%;gap:10px}header>span{display:none}header>a:first-child{font-size:20px}h2{font-size:24px}header>a:last-child{font-size:12px}}