.mcp-entry{padding:12px 8.3vw 25px}.mcp-entry-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;border:1px solid #cad5dc;border-radius:24px;padding:42px 46px;background:linear-gradient(115deg,#eef3f6,#f7f8f9);transition:border-color .25s,background .25s,transform .25s}.mcp-entry-card:hover{border-color:#7898ac;background:#e8f0f5;transform:translateY(-3px)}.mcp-entry-card h2{font-size:clamp(22px,2.3vw,34px);line-height:1.2;letter-spacing:-.02em;margin:14px 0 10px}.mcp-entry-card p:not(.eyebrow){font-size:14px;line-height:1.6;color:#596c78}.mcp-entry-platforms{font:11px var(--mono);color:#546e7f;white-space:nowrap}.mcp-entry-arrow{font-size:36px;font-weight:300;color:#54768b}.guide-page .header{background:#f6f8faf5;border-bottom:1px solid var(--line)}.guide-page .header nav{position:static;transform:none;margin-left:auto;margin-right:28px}.guide-page .header-github{display:none}.guide-page main{max-width:1280px;margin:0 auto;padding:0 6vw}.guide-hero{padding:160px 0 65px}.guide-hero .eyebrow{color:#587589;margin-bottom:26px}.guide-hero h1{font-size:clamp(42px,6vw,78px);max-width:900px;line-height:1.05;letter-spacing:-.045em}.guide-lead{font-size:23px;line-height:1.5;max-width:800px;margin-top:30px}.guide-summary{font-size:16px;line-height:1.8;max-width:780px;color:#5e6c76;margin-top:22px}.guide-platforms{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.guide-platforms a{padding:13px 19px;border:1px solid #c8d4db;border-radius:30px;font-size:13px;transition:background .2s}.guide-platforms a:hover{background:#e4edf3}.guide-start{display:flex;gap:25px;align-items:center;padding:30px;background:#eaf0f4;border-radius:20px;margin-bottom:50px}.guide-start h2{font-size:23px;letter-spacing:-.02em}.guide-start p{font-size:14px;line-height:1.5;color:#596c78;margin-top:10px}.guide-start .pill{margin-left:auto;white-space:nowrap}.guide-number{font:11px var(--mono);color:#7890a0}.guide-client{display:grid;grid-template-columns:30% 1fr;gap:36px;padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:100px}.guide-client-heading h2{font-size:42px;margin-top:18px}.guide-badge{display:block;font-size:12px;line-height:1.6;color:#698292;margin-top:18px}.guide-client-content>p{font-size:17px;line-height:1.7;max-width:650px}.guide-steps{list-style:none;padding:0;margin:35px 0 20px;counter-reset:steps}.guide-steps>li{counter-increment:steps;margin:0 0 32px;padding-left:32px;position:relative}.guide-steps>li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:4px;font:10px var(--mono);color:#6c8798}.guide-steps h3{font-size:19px;margin:0 0 15px;font-weight:400}.guide-client p,.guide-next p{line-height:1.7;font-size:15px}.guide-menu{color:#536c7c;font:12px/1.9 var(--mono)!important;overflow-wrap:anywhere;margin:12px 0}.guide-code{border:1px solid #d6e0e6;background:#edf2f5;border-radius:12px;overflow:hidden;margin:17px 0}.guide-code>div{display:flex;justify-content:space-between;gap:15px;padding:12px 16px;font:10px var(--mono);color:#587185;border-bottom:1px solid #d6e0e6}.guide-code button{border:0;color:#294f69;background:transparent;cursor:pointer;font:inherit}.guide-code button:focus-visible{outline:2px solid #527d94;outline-offset:4px}.guide-code pre{padding:18px;margin:0;overflow:auto;font:12px/1.8 var(--mono);color:#243d4d;white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left}.guide-details{border-top:1px solid var(--line);margin-top:26px;padding:20px 0}.guide-details summary{font-size:16px;cursor:pointer}.guide-details[open] summary{margin-bottom:22px}.guide-next{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding:55px 0}.guide-next h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:20px 0}.guide-next p{margin:15px 0}.guide-permission{font-size:13px;line-height:1.8;color:#667987;border-top:1px solid var(--line);padding:28px 0 45px}.guide-footer{max-width:1280px;margin:auto}.guide-footer .footer-bottom{flex-wrap:wrap;gap:20px}.guide-page [data-text-direction=rtl]{direction:rtl}.guide-page[data-text-direction=rtl] p{direction:rtl;text-align:start}.guide-page :where(a,h1,h2,h3,p){overflow-wrap:anywhere}
@media(max-width:800px){.mcp-entry{padding:10px 24px 20px}.mcp-entry-card{grid-template-columns:1fr auto;padding:27px;gap:18px}.mcp-entry-platforms{grid-column:1;grid-row:2;white-space:normal;font-size:10px}.mcp-entry-arrow{grid-column:2;grid-row:1/3}.guide-page .header{gap:12px;padding:0 20px;flex-wrap:wrap}.guide-page .header nav{gap:12px;margin:0 0 0 auto}.guide-page .header nav a{font-size:9px}.guide-page .header .vk-language{max-width:90px}.guide-page main{padding:0 24px}.guide-hero{padding:125px 0 40px}.guide-hero h1{font-size:43px}.guide-lead{font-size:19px}.guide-summary{font-size:15px}.guide-start{flex-wrap:wrap;padding:24px;gap:18px}.guide-start>div{flex:1;min-width:200px}.guide-start .pill{margin-left:0;font-size:10px}.guide-client{grid-template-columns:1fr;gap:25px;padding:40px 0}.guide-client-heading h2{font-size:35px}.guide-next{grid-template-columns:1fr;gap:30px}.guide-code pre{font-size:11px}.guide-steps>li{padding-left:28px}.guide-platforms a{font-size:11px}.guide-page .brand-text{font-size:18px}}
@media(max-width:440px){.guide-page .header{height:96px}.guide-page .header nav{order:3;width:100%;justify-content:center;padding-bottom:12px}.guide-page .header .vk-language{margin-left:auto}.guide-hero{padding-top:135px}.guide-client{scroll-margin-top:115px}}
@media(prefers-reduced-motion:reduce){.mcp-entry-card{transition:none}.mcp-entry-card:hover{transform:none}}

.guide-page .header nav a:last-child{display:flex}.guide-page .header-github{display:none!important}
@media(max-width:900px){.guide-page .header{display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 40px;height:100px;gap:0 15px;padding:4px 20px}.guide-page .header .vk-language{grid-column:2;grid-row:1;max-width:130px}.guide-page .header .vk-language select{max-width:110px}.guide-page .header nav{grid-row:2;grid-column:1/-1;margin:0;width:100%;height:40px;display:flex;justify-content:space-evenly;padding:0}.guide-page .header nav a{display:flex!important;font-size:10px;min-height:40px;flex:1;justify-content:center}.guide-hero{padding-top:140px}}