:root{font:16px/1.65 system-ui,sans-serif;color:#182b44;background:#f3f6fb}body{margin:0}main{max-width:1060px;margin:65px auto;padding:0 28px}header{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.03em}h1{font-size:44px;line-height:1.15;margin:55px 0 16px}h2{font-size:24px}a{color:#174ebe}p{color:#53647a}button,.button{display:inline-block;border:0;border-radius:7px;background:#174ebe;color:white;padding:11px 18px;cursor:pointer;font:inherit;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:32px 0}article{border:1px solid #d8e1ed;border-radius:12px;padding:24px;background:white}footer{border-top:1px solid #d8e1ed;margin-top:40px;padding:22px 0;font-size:13px;color:#53647a}table{border-collapse:collapse;width:100%;background:white}td,th{padding:12px;border:1px solid #d8e1ed;text-align:left}code{background:#e6ecf5;padding:2px 5px}pre{overflow:auto;background:#e6ecf5;padding:16px}img{max-width:100%;border:1px solid #d8e1ed;border-radius:8px}li{margin:10px 0}.note{border-left:4px solid #174ebe;background:#e9f0fc;padding:15px}nav{display:flex;flex-wrap:wrap;gap:18px}section{scroll-margin-top:24px}