/* MGRAM API docs. Visual source of truth: stats.php + stats_shared.css. */
body.mgram-api-docs-page{
  margin:0;background:var(--stats-bg,#090909);color:var(--stats-text,#f3f3f3);
  font-family:"Montserrat",Arial,sans-serif;--mgram-shell-content-max:1120px;
}
body.mgram-api-docs-page .mgram-v2-content .api-docs-shell{display:grid;gap:14px;padding-bottom:0}
body.mgram-api-docs-page .api-screen{display:grid;gap:14px;min-width:0}
body.mgram-api-docs-page .api-screen[hidden]{display:none!important}
body.mgram-api-docs-page .api-screen.is-entering{animation:apiScreenEnter .16s ease-out both}
body.mgram-api-docs-page [data-api-lang="en"]{display:none}
html[lang="en"] body.mgram-api-docs-page [data-api-lang="ru"]{display:none}
html[lang="en"] body.mgram-api-docs-page [data-api-lang="en"]{display:initial}

@keyframes apiScreenEnter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes apiPanelIn{from{opacity:.35}to{opacity:1}}
@keyframes apiEndpointEnter{from{opacity:.25;transform:translateY(-2px)}to{opacity:1;transform:none}}

.api-quickstart-card,.api-guide-panel,.api-reference-panel,.api-error-panel{min-width:0}

/* Shared compact controls */
.api-mode-switch,.api-reference-scope{
  display:grid;gap:5px;padding:5px;border:1px solid var(--stats-line,rgba(255,255,255,.055));
  border-radius:12px;background:#121212
}
.api-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}
.api-reference-scope{grid-template-columns:repeat(4,minmax(0,1fr));min-width:320px}
.api-mode-switch button,.api-reference-scope button{
  appearance:none;min-height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;
  color:#828282;font:620 12px/1 "Montserrat",Arial,sans-serif;cursor:pointer;transition:background .14s ease,color .14s ease
}
.api-mode-switch button:hover,.api-reference-scope button:hover{color:#bdbdbd;background:#181818}
.api-mode-switch button.active,.api-reference-scope button.active{background:#202020;color:#ededed}
.api-mode-switch button:focus-visible,.api-reference-scope button:focus-visible,.api-search:focus-visible,.api-btn:focus-visible,.api-icon-action:focus-visible,.api-endpoint summary:focus-visible{outline:1px solid #555;outline-offset:2px}

/* Quickstart: one visual route, three explicit steps. */
.api-base-strip{
  display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;background:#151515;margin-bottom:4px
}
.api-base-strip-emphasis{border:1px solid rgba(242,201,76,.18);background:#19180f;box-shadow:inset 0 0 0 1px rgba(242,201,76,.025)}
.api-base-strip-emphasis .api-base-icon{color:#c9aa4a}
.api-base-strip-emphasis b{color:#b7a46e}
.api-base-strip-emphasis code{color:#e3e0d6}
.api-base-icon{width:26px;height:26px;color:#757575}
.api-base-icon svg{width:19px;height:19px}
.api-base-strip>div{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.api-base-strip b{color:#949494;font-size:10px;font-weight:620;line-height:1}
.api-base-strip code{color:#d2d2d2;font:600 10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.api-icon-action{
  appearance:none;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:#1d1d1d;color:#8e8e8e;
  display:grid;place-items:center;cursor:pointer;transition:background .14s ease,color .14s ease
}
.api-icon-action:hover{background:#252525;color:#ddd}
.api-icon-action svg{width:15px;height:15px;fill:currentColor}
.api-url-copy{width:38px;height:38px;border:1px solid #f2c94c;background:#f2c94c;color:#111;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.api-url-copy:hover{background:#ffda61;color:#090909;border-color:#ffda61}
.api-url-copy svg{width:16px;height:16px}
.api-url-copy.is-copied{background:rgba(79,208,125,.12);border-color:rgba(79,208,125,.3);color:#7bd89d}
.api-icon-action.is-copied{background:rgba(79,208,125,.09);color:#7bd89d}
.api-quick-panel{min-width:0}
.api-quick-panel[hidden]{display:none!important}
.api-quick-panel.is-entering{animation:apiPanelIn .14s ease-out both}
.api-journey{position:relative;margin-top:4px}
.api-journey-step{
  position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;min-height:0;padding:13px 0
}
.api-journey-step+.api-journey-step{border-top:1px solid rgba(255,255,255,.05)}
.api-step-icon{width:34px;height:34px;border-radius:9px;background:#181818;color:#898989;display:grid;place-items:center;margin-top:1px}
.api-step-icon svg{width:17px;height:17px;fill:currentColor}
.api-step-copy{min-width:0}
.api-step-copy small{display:block;color:#666;font-size:10px;font-weight:650;line-height:1.1;text-transform:uppercase;letter-spacing:.045em}
.api-step-copy b{display:block;margin-top:4px;color:#d7d7d7;font-size:13px;font-weight:650;line-height:1.2}
.api-step-copy p{margin:4px 0 0;color:#797979;font-size:11px;font-weight:500;line-height:1.4}
.api-security-note,.api-inline-note{
  display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;
  padding:11px 0 0;border-top:1px solid rgba(255,255,255,.05);color:#747474;font-size:10.5px;line-height:1.45;font-weight:500
}
.api-security-note .block-icon,.api-inline-note .block-icon{margin-top:1px;color:#717171}
.api-example-head{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}
.api-example-head h3,.api-panel-heading h3{margin:0;color:#d3d3d3;font-size:13px;line-height:1.2;font-weight:630}


/* Lightweight syntax highlighting; source text stays copyable verbatim. */
.syntax-command{color:#d9b764}
.syntax-method{color:#75b8f0;font-weight:700}
.syntax-flag{color:#b18be8}
.syntax-string{color:#8fcf9f}
.syntax-key{color:#7fb7ea}
.syntax-number{color:#e2a66e}
.syntax-literal{color:#bf8ee8}
.syntax-keyword{color:#c792ea;font-weight:620}
.syntax-comment{color:#626262;font-style:italic}
.syntax-punct{color:#676767}

/* Main-page alerts: short, visible, and placed before quickstart. */
.api-alert-stack{display:grid;gap:8px;min-width:0}
.api-alert-card{
  position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:start;
  min-width:0;padding:12px 13px 12px 14px;border-radius:12px;overflow:hidden;background:#121212
}
.api-alert-partner{color:var(--stats-yellow,#f2c94c);background:#16150f;border:1px solid rgba(242,201,76,.08)}
.api-alert-help{color:var(--stats-blue,#66aef0);background:#11161a;border:1px solid rgba(102,174,240,.08)}
.api-alert-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:inherit}
.api-alert-icon svg{width:18px;height:18px;fill:currentColor}
.api-alert-copy{min-width:0}
.api-alert-copy h2{margin:0;color:#e1e1e1;font-size:12.5px;font-weight:670;line-height:1.25}
.api-alert-copy p{margin:4px 0 0;color:#929292;font-size:10.5px;font-weight:500;line-height:1.42}
.api-alert-copy>a,.api-alert-actions a{
  display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:currentColor;text-decoration:none;
  font-size:10.5px;font-weight:650;line-height:1.2
}
.api-alert-copy>a:hover,.api-alert-actions a:hover{color:#f0f0f0}
.api-alert-copy>a svg,.api-alert-actions a svg{width:11px;height:11px;fill:currentColor;flex:none}
.api-alert-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Registration scenarios: graphical, but still one flat stats panel. */
.api-panel-heading{display:block;margin:2px 0 5px;min-width:0}
.api-heading-detail{margin:0 0 10px;color:#777;font-size:10.5px;line-height:1.35;font-weight:500}
.api-heading-detail code{color:#aaa;font:600 10.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-route-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin:0 0 14px;padding:9px 11px;border-radius:9px;background:#151515}
.api-route-copy{display:grid;gap:3px;min-width:0}
.api-route-copy code{min-width:0;color:#d8d8d8;font:600 10.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.api-route-copy span{color:#747474;font-size:10px;font-weight:600;line-height:1.2}
.api-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.api-scenario-option{min-width:0;padding:14px;border-radius:10px;background:#151515}
.api-scenario-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.api-scenario-icon{width:28px;height:28px;color:#8b8b8b}
.api-scenario-icon svg{width:20px;height:20px}
.api-scenario-client .api-scenario-icon{color:var(--stats-blue,#66aef0)}
.api-scenario-factory .api-scenario-icon{color:#aa8bea}
.api-scenario-badge{padding:5px 7px;border-radius:7px;background:#1d1d1d;color:#818181;font-size:10px;font-weight:620;line-height:1}
.api-scenario-option h3{margin:0;color:#d7d7d7;font-size:13px;font-weight:650;line-height:1.2}
.api-scenario-option p{margin:5px 0 12px;color:#777;font-size:11px;font-weight:500;line-height:1.4}
.api-scenario-option>code{display:block;padding-top:10px;border-top:1px solid rgba(255,255,255,.045);color:#a9a9a9;font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.api-example-separated{margin-top:16px}

/* Shows parameters */
.api-parameter-list{display:grid;border-top:1px solid rgba(255,255,255,.05)}
.api-parameter-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.api-parameter-name{display:flex;align-items:center;justify-content:space-between;gap:8px}
.api-parameter-name code{color:#dedede;font:650 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-parameter-name span{color:#696969;font-size:9.5px;font-weight:600;line-height:1}
.api-parameter-copy b{display:block;color:#cfcfcf;font-size:12px;font-weight:620;line-height:1.2}
.api-parameter-copy p{margin:4px 0 0;color:#777;font-size:10.5px;font-weight:500;line-height:1.4}
.api-boolean-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.api-boolean-options>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:600;line-height:1}
.api-boolean-options svg{width:13px;height:13px;fill:currentColor;flex:none}
.api-boolean-options code{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-boolean-true{background:rgba(79,208,125,.08);color:#75d397}
.api-boolean-false{background:rgba(239,98,117,.07);color:#d77c89}

/* Request / response */
.api-request-response{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:10px;margin-top:9px}
.api-code-block{min-width:0}
.api-code-label{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#757575;font-size:10px;font-weight:600;line-height:1.2}
.api-code-label-status{justify-content:space-between}
.api-code-label-status b{color:var(--stats-green,#4fd07d);font-size:10px;font-weight:700;line-height:1}
.api-code-wrap{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#171717;overflow:hidden}
.api-code-wrap pre{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:13px 14px;color:#d8d8d8;font:500 11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto}
.api-response{background:#151515}.api-response pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.api-btn{min-height:38px;border:0;border-radius:8px;padding:0 12px;font-family:"Montserrat",Arial,sans-serif;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .14s ease,color .14s ease}
.api-btn-code{position:static;order:-1;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;margin:8px 8px 0;padding:0 11px;background:#202020;color:#aaa}
.api-btn-code svg{width:14px;height:14px;fill:currentColor;flex:none}
.api-btn-code:hover{background:#272727;color:#eee}
.api-btn.is-copied{background:rgba(79,208,125,.09);color:#7bd89d}

.api-method{display:inline-grid;place-items:center;min-width:45px;min-height:26px;padding:0 7px;border-radius:5px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;flex:none}
.api-method-get{color:var(--stats-green,#4fd07d);background:rgba(79,208,125,.08)}
.api-method-post{color:var(--stats-yellow,#f2c94c);background:rgba(242,201,76,.08)}

/* Reference: endpoint master list + focused detail workspace. */
.api-reference-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start;min-width:0}
.api-reference-master{min-width:0;position:relative}
.api-reference-tools{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}
.api-search-wrap{min-width:0}
.api-search{width:100%;height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#151515;color:#eee;padding:0 13px;font-family:"Montserrat",Arial,sans-serif;font-size:11.5px;font-weight:500;outline:none;transition:border-color .14s ease,background .14s ease}
.api-search::placeholder{color:#666}.api-search:focus{border-color:rgba(255,255,255,.11);background:#181818}
.api-reference-scope{min-width:0!important;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px}
.api-reference-scope button{min-height:36px;padding:0 6px;font-size:10px;white-space:nowrap}
.api-reference-count{margin:9px 0 5px;color:#666;font-size:10px;font-weight:550;line-height:1.2}
.api-reference-groups{display:grid;gap:12px;min-width:0;max-height:660px;overflow:auto;padding-right:4px;scrollbar-width:thin}
.api-reference-group{min-width:0}
.api-reference-group-head{display:block;margin:8px 0 4px}
.api-reference-group-copy h3{margin:0;color:#bdbdbd;font-size:11px;font-weight:650;line-height:1.2}
.api-reference-group-copy span{display:block;margin-top:3px;color:#626262;font-size:9.5px;font-weight:500;line-height:1.3}
.api-endpoint-list{display:grid;border-top:1px solid rgba(255,255,255,.045)}
.api-endpoint{appearance:none;width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:9px 5px;border:0;border-bottom:1px solid rgba(255,255,255,.045);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .12s ease}
.api-endpoint:hover{background:#151515}.api-endpoint.is-active{background:#191919}
.api-endpoint.is-active .api-endpoint-path{color:#f1f1f1}
.api-endpoint-main{display:block;min-width:0}
.api-endpoint-path{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#cfcfcf;font:620 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}
.api-endpoint-title{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#6f6f6f;font-size:9.5px;font-weight:560;line-height:1.2;white-space:nowrap}
.api-endpoint-deprecated{padding:4px 5px;border-radius:6px;background:rgba(242,201,76,.07);color:#a9914f;font-size:10px;font-weight:700;line-height:1;text-transform:uppercase}
.api-empty{padding:14px 0;color:#777;font-size:10.5px;font-weight:500}
.api-reference-detail{min-width:0;min-height:420px;padding:0 0 0 18px;border-left:1px solid rgba(255,255,255,.05)}
.api-reference-detail-empty{display:grid;min-height:260px;place-items:center;color:#666;font-size:11px}
.api-reference-detail-head{padding:1px 0 15px;border-bottom:1px solid rgba(255,255,255,.05)}
.api-reference-detail-route{display:flex;align-items:center;gap:9px;min-width:0}
.api-reference-detail-route>code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dedede;font:650 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-reference-legacy-badge{padding:5px 7px;border-radius:7px;background:rgba(242,201,76,.08);color:#b69a50;font-size:10px;font-weight:700;line-height:1}
.api-reference-detail-head h3{margin:13px 0 0;color:#e1e1e1;font-size:16px;font-weight:670;line-height:1.2}
.api-reference-detail-head p{margin:6px 0 0;max-width:880px;color:#858585;font-size:10.8px;font-weight:500;line-height:1.5}
.api-reference-detail-meta{display:grid;grid-template-columns:1fr;gap:0;margin-top:2px}
.api-reference-detail-meta>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.api-reference-detail-meta span{color:#686868;font-size:10px;font-weight:620;line-height:1.4}
.api-reference-detail-meta code{min-width:0;color:#bcbcbc;font:500 10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.api-schema-section{min-width:0;margin-top:16px}
.api-schema-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 7px}
.api-schema-section-head h4{margin:0;color:#d1d1d1;font-size:11.5px;font-weight:650;line-height:1.2}
.api-schema-section-head>span{color:#606060;font-size:9.5px;font-weight:650;line-height:1}
.api-schema-list{display:grid;min-width:0;border-top:1px solid rgba(255,255,255,.05)}
.api-schema-row{display:grid;grid-template-columns:minmax(150px,.62fr) minmax(0,1.38fr);gap:16px;align-items:start;min-width:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.api-schema-field{display:grid;gap:6px;min-width:0}
.api-schema-name{display:block;min-width:0;color:#d7d7d7;font:630 10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.api-schema-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.api-schema-location,.api-schema-required{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:5px;background:#181818;color:#777;font-size:8.5px;font-weight:650;line-height:1;text-transform:lowercase}
.api-schema-location{color:#83a9ca;background:rgba(102,174,240,.055)}
.api-schema-required.is-required{color:#c4a44d;background:rgba(242,201,76,.055)}
.api-schema-description{min-width:0}
.api-schema-meta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.api-schema-type{color:#9a8ec4;font:620 9.8px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-schema-constraint,.api-schema-default{color:#6f6f6f;font-size:9.5px;font-weight:540;line-height:1.3}
.api-schema-default code{color:#aaa;font:620 9.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-schema-description p{margin:5px 0 0;color:#818181;font-size:10.2px;font-weight:500;line-height:1.42}
.api-schema-note{margin:8px 0 0;color:#81734c;font-size:9.8px;font-weight:520;line-height:1.45}
.api-schema-empty{padding:10px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.045);color:#686868;font-size:10px;font-weight:520}
.api-schema-response-row .api-schema-field{position:relative}
.api-schema-row-depth-1 .api-schema-field{padding-left:14px}
.api-schema-row-depth-2 .api-schema-field{padding-left:28px}
.api-schema-row-depth-3 .api-schema-field{padding-left:42px}
.api-schema-row-depth-1 .api-schema-field:before,.api-schema-row-depth-2 .api-schema-field:before,.api-schema-row-depth-3 .api-schema-field:before{content:"";position:absolute;left:2px;top:7px;width:6px;height:1px;background:#414141}
@media(max-width:560px){
  .api-schema-section{margin-top:14px}
  .api-schema-row{grid-template-columns:1fr;gap:6px;padding:10px 0}
  .api-schema-field{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
  .api-schema-tags{justify-content:flex-end}
  .api-schema-description{padding-left:0}
  .api-schema-row-depth-1 .api-schema-field{padding-left:12px}
  .api-schema-row-depth-2 .api-schema-field{padding-left:22px}
  .api-schema-row-depth-3 .api-schema-field{padding-left:32px}
}
.api-reference-detail-examples{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:12px;margin-top:15px;min-width:0}
.api-reference-detail-request,.api-reference-detail-response{min-width:0}
.api-reference-detail-code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin-bottom:6px;color:#777;font-size:10px;font-weight:620}
.api-reference-detail-code-head b{color:var(--stats-green,#4fd07d);font-size:9.5px}
.api-reference-detail-code-head .api-examples-copy{min-height:30px;padding:0 8px;font-size:10px}
.api-reference-detail .api-code-wrap pre{max-height:360px}
@media(max-width:900px){
  .api-reference-workspace{grid-template-columns:1fr}
  .api-reference-groups{max-height:350px}
  .api-reference-detail{padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.05)}
  .api-reference-detail-examples{grid-template-columns:1fr}
}

/* Errors: problem -> action. */
.api-error-envelope{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.05)}
.api-error-groups{display:grid;gap:18px;margin-top:16px}
.api-error-group{min-width:0}
.api-error-group-head{display:block;margin-bottom:7px}
.api-error-group-head h3{margin:0;color:#d3d3d3;font-size:13px;font-weight:630;line-height:1.2}
.api-error-list{display:grid;border-top:1px solid rgba(255,255,255,.05)}
.api-error-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0}
.api-error-row+.api-error-row{border-top:1px solid rgba(255,255,255,.05)}
.api-error-status{color:#aaa;font-size:10.5px;font-weight:650;line-height:1.2}
.api-error-copy{min-width:0}
.api-error-copy b{display:block;color:#cfcfcf;font-size:11.5px;font-weight:620;line-height:1.25}
.api-error-copy span{display:block;margin-top:4px;color:#797979;font-size:10.5px;font-weight:500;line-height:1.4}
.api-error-action{justify-self:end;padding:6px 8px;border-radius:8px;background:#171717;color:#8e8e8e;font-size:10px;font-weight:650;line-height:1;white-space:nowrap}
.api-error-row[data-error-group="request"] .api-error-action{color:#d3ad54;background:rgba(242,201,76,.06)}
.api-error-row[data-error-group="access"] .api-error-action{color:#7eaee2;background:rgba(102,174,240,.06)}
.api-error-row[data-error-group="service"] .api-error-action{color:#d08b94;background:rgba(239,98,117,.06)}

.api-toast{position:fixed;z-index:5000;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:9px 12px;border-radius:9px;background:#ededed;color:#111;font-size:12px;font-weight:700;line-height:1;transition:opacity .15s ease,transform .15s ease}
.api-toast.is-visible{opacity:1;transform:translate(-50%,0)}

.api-quick-actions{display:grid;gap:9px;margin-bottom:14px}.api-quick-primary-row{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:8px;align-items:stretch}.api-quick-actions .api-mode-switch{margin-bottom:0}.api-quick-actions .api-base-strip{margin-bottom:0}.api-quick-primary-row .api-webhook-launch{min-height:50px;height:100%}

@media(min-width:900px){
  body.mgram-api-docs-page{--mgram-shell-content-max:1200px}
  .api-alert-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .api-quick-actions{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch;gap:10px;margin-bottom:16px}
  .api-quick-actions .api-base-strip{height:100%;box-sizing:border-box}
  .api-quick-panel{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);grid-template-rows:auto auto 1fr;column-gap:22px;align-items:start}
  .api-quick-panel>.api-journey{grid-column:1;grid-row:1 / span 2;margin-top:0}
  .api-quick-panel>.api-security-note{grid-column:1;grid-row:3;align-self:start}
  .api-quick-panel>.api-example-head{grid-column:2;grid-row:1;margin-top:0;padding-top:0;border-top:0}
  .api-quick-panel>.api-request-response{grid-column:2;grid-row:2 / span 2;margin-top:9px}
}

@media(max-width:760px){
  .api-request-response,.api-scenario-grid,.api-reference-tools{grid-template-columns:1fr}
  .api-reference-scope{min-width:0;width:100%}
  .api-error-row{grid-template-columns:68px minmax(0,1fr)}
  .api-error-action{grid-column:2;justify-self:start;margin-top:1px}
  .api-endpoint summary{grid-template-columns:auto minmax(0,1fr) 16px}
  
  .api-code-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:hidden}
}
@media(max-width:430px){
  .api-reference-scope{gap:3px;padding:4px}
  .api-reference-groups{max-height:none;overflow:visible;padding-right:0}
  .api-endpoint{grid-template-columns:59px minmax(0,1fr) auto;gap:9px}
  .api-endpoint-deprecated{justify-self:end}
  .api-reference-scope button{min-height:38px;padding:0 5px;font-size:10.5px}
  .api-quick-primary-row{grid-template-columns:minmax(0,1fr) 46px;gap:6px}
  .api-webhook-launch{grid-template-columns:1fr;padding:0;place-items:center}
  .api-webhook-launch-label{display:none}
  .api-mode-switch button{padding:0 6px}
  .api-docs-shell{gap:10px!important}
  .api-base-strip{grid-template-columns:24px minmax(0,1fr) 38px;padding:9px 10px}
  .api-base-strip>div{display:grid;gap:3px}
  .api-base-strip code{word-break:normal;overflow-wrap:normal;white-space:nowrap}
  .api-url-copy{width:38px;height:38px}
  .api-journey-step{gap:10px;padding:11px 0}
  .api-step-copy p{font-size:10.5px}
  .api-scenario-option{padding:12px}
  .api-parameter-row{grid-template-columns:1fr;gap:7px}
  .api-parameter-name{justify-content:flex-start;gap:10px}
  .api-route-strip{align-items:flex-start;flex-wrap:wrap}
  .api-route-strip>span:last-child{margin-left:0;width:100%}
  .api-btn-code{align-self:flex-start}
  .api-meta{grid-template-columns:96px minmax(0,1fr)}
  .api-endpoint-body{margin-left:0}
  .api-error-row{grid-template-columns:1fr;gap:5px}
  .api-error-action{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  body.mgram-api-docs-page .api-screen.is-entering,.api-quick-panel.is-entering,.api-endpoint[open] .api-endpoint-body{animation:none!important}
  .api-btn,.api-icon-action,.api-search,.api-mode-switch button,.api-reference-scope button,.api-toast,.api-endpoint-chevron{transition:none!important}
}

/* Dedicated webhook section */
.api-webhook-launch{appearance:none;width:100%;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:0 11px;border:1px solid rgba(242,201,76,.12);border-radius:10px;background:rgba(242,201,76,.045);color:#b7b7b7;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}
.api-webhook-launch:hover{background:rgba(242,201,76,.085);border-color:rgba(242,201,76,.22);color:#e3e3e3}
.api-webhook-launch-icon{width:20px;height:20px;display:grid;place-items:center;color:#d8b948}
.api-webhook-launch-icon svg{width:18px;height:18px;fill:currentColor}
.api-webhook-launch-label{min-width:0;font-size:12px;font-weight:650;line-height:1;white-space:nowrap}
.api-webhook-launch>svg{width:12px;height:12px;fill:currentColor;color:#777}

.api-webhook-panel{min-width:0}
.api-webhook-test-panel{padding:13px 0 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.api-webhook-test-head{display:block;margin-bottom:11px}
.api-webhook-test-head h3{margin:0;color:#dadada;font-size:13.5px;font-weight:620;line-height:1.1}
.api-webhook-test-head p{margin:5px 0 0;max-width:760px;color:#7b7b7b;font-size:10.5px;font-weight:500;line-height:1.4}
.api-webhook-test-form{display:grid;gap:7px}
.api-webhook-test-form>label{color:#929292;font-size:10.5px;font-weight:600;line-height:1.2}
.api-webhook-test-form>p{margin:0;color:#686868;font-size:10px;font-weight:500;line-height:1.35}
.api-webhook-test-control{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:9px;align-items:stretch}
.api-webhook-test-control input{display:block;width:100%;min-width:0;height:48px;box-sizing:border-box;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#151515;color:#e1e1e1;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
.api-webhook-test-control input::placeholder{color:#595959}
.api-webhook-test-control input:focus{border-color:rgba(242,201,76,.28);background:#181818;box-shadow:0 0 0 2px rgba(242,201,76,.045)}
.api-webhook-test-control input.is-invalid{border-color:rgba(239,98,117,.45);box-shadow:0 0 0 2px rgba(239,98,117,.045)}
.api-webhook-test-error{margin:0!important;color:#d77c89!important;font-size:10px!important;font-weight:600!important}
.api-webhook-test-error[hidden]{display:none!important}
.api-webhook-test-run{min-height:44px;background:#f2c94c;color:#111;font-weight:700}
.api-webhook-test-run:hover{background:#ffd65d}.api-webhook-test-run:disabled{opacity:.55;cursor:default}
.api-webhook-test-result{min-width:0;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}
.api-webhook-test-result[hidden]{display:none!important}
.api-webhook-test-status{display:grid;grid-template-columns:10px minmax(0,1fr);gap:9px;align-items:start}
.api-webhook-test-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#777}
.api-webhook-test-status b{display:block;color:#d0d0d0;font-size:11px;font-weight:650}
.api-webhook-test-status small{display:block;margin-top:3px;color:#707070;font-size:10px;line-height:1.35}
.api-webhook-test-result.is-loading .api-webhook-test-dot{background:#f2c94c}.api-webhook-test-result.is-success .api-webhook-test-dot{background:#72d195}.api-webhook-test-result.is-error .api-webhook-test-dot{background:#ef6275}
.api-webhook-test-result pre{margin:8px 0 0;max-height:120px;overflow:auto;padding:10px 11px;border-radius:8px;background:#111;color:#929292;font:500 10px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}

.api-webhook-how{padding:15px 0 0}
.api-webhook-how-head{margin:0 0 10px}
.api-webhook-how-head p{margin:5px 0 0;color:#777;font-size:10.5px;font-weight:500;line-height:1.4}
.api-webhook-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.api-webhook-how-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:11px 13px 11px 0}
.api-webhook-how-step+.api-webhook-how-step{padding-left:13px;border-left:1px solid rgba(255,255,255,.05)}
.api-webhook-how-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#181818;color:#b9a14d}
.api-webhook-how-icon svg{width:15px;height:15px;fill:currentColor}
.api-webhook-how-step b{display:block;color:#d0d0d0;font-size:11px;font-weight:650;line-height:1.25}
.api-webhook-how-step p{margin:4px 0 0;color:#737373;font-size:10px;font-weight:500;line-height:1.42}
.api-webhook-guide{display:grid;grid-template-columns:1fr;gap:18px;margin-top:16px}
.api-webhook-request,.api-webhook-verify{min-width:0}
.api-webhook-guide .api-panel-heading{margin:0 0 6px}
.api-webhook-guide-copy{margin:0 0 10px;color:#7b7b7b;font-size:10.5px;font-weight:500;line-height:1.45}
.api-webhook-request .api-code-wrap pre,.api-webhook-logic pre{font-size:10.3px;line-height:1.55}
.api-webhook-logic{margin-bottom:9px}
.api-webhook-logic pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.api-webhook-verify-rows{display:grid;border-top:1px solid rgba(255,255,255,.05)}
.api-webhook-verify-rows>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center;min-height:38px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.api-webhook-verify-rows span{color:#707070;font-size:10px;font-weight:600;line-height:1.3}
.api-webhook-verify-rows code{color:#c7c7c7;font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
@media(min-width:900px){.api-webhook-guide{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px}.api-webhook-verify{padding-left:22px;border-left:1px solid rgba(255,255,255,.05)}}
@media(max-width:760px){.api-webhook-how-grid{grid-template-columns:1fr}.api-webhook-how-step{padding:11px 0}.api-webhook-how-step+.api-webhook-how-step{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.045)}}
@media(max-width:560px){.api-webhook-test-control{grid-template-columns:1fr}.api-webhook-test-run{width:100%}.api-webhook-verify{padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.api-webhook-verify-rows>div{grid-template-columns:1fr;gap:4px;padding:8px 0}}

/* Code examples: compact controls, dedicated code workspace, no overlapping controls. */
.api-code-examples-panel{min-width:0}
.api-examples-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:end;margin:4px 0 12px}
.api-examples-control{display:grid;gap:7px;min-width:0}
.api-examples-control-label{color:#696969;font-size:10px;font-weight:650;line-height:1;text-transform:uppercase;letter-spacing:.045em}
.api-example-picker-shell{position:relative;z-index:10;min-width:0}
.api-example-picker{appearance:none;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:50px;padding:8px 11px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#151515;color:#ddd;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}
.api-example-picker:hover{background:#181818;border-color:rgba(255,255,255,.1)}
.api-example-picker-copy{display:block;min-width:0}
.api-example-picker-copy code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0e0e0;font:620 11px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-example-picker-copy small{display:block;margin-top:4px;color:#717171;font-size:10px;font-weight:500;line-height:1.25}
.api-example-picker-caret{display:grid;place-items:center;color:#777;transition:transform .14s ease}
.api-example-picker[aria-expanded="true"] .api-example-picker-caret{transform:rotate(180deg)}
.api-example-picker-caret svg{width:13px;height:13px;fill:currentColor}
.api-example-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:390px;padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:#111;box-shadow:0 16px 40px rgba(0,0,0,.42);overflow:hidden}
.api-example-picker-menu[hidden]{display:none}
.api-example-picker-search-wrap{padding-bottom:7px}
.api-example-picker-search{width:100%;height:38px;box-sizing:border-box;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#171717;color:#ddd;padding:0 10px;font:500 10.5px/1 "Montserrat",Arial,sans-serif;outline:none}
.api-example-picker-search:focus{border-color:rgba(255,255,255,.13)}
.api-example-options{display:grid;max-height:326px;overflow:auto;scrollbar-width:thin}
.api-example-option{appearance:none;display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:8px 7px;border:0;border-radius:8px;background:transparent;color:#ccc;text-align:left;cursor:pointer}
.api-example-option:hover,.api-example-option.is-active{background:#191919}
.api-example-option-copy{min-width:0}
.api-example-option-copy code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfcfcf;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-example-option-copy small{display:block;margin-top:3px;color:#686868;font-size:10px;font-weight:500;line-height:1.2}
.api-example-language-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:50px;padding:5px;box-sizing:border-box;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#121212}
.api-example-language-switch button{appearance:none;min-width:0;border:0;border-radius:7px;background:transparent;color:#777;font:600 12px/1 "Montserrat",Arial,sans-serif;cursor:pointer;transition:background .14s ease,color .14s ease}
.api-example-language-switch button.active{background:#202020;color:#eee}
.api-examples-meta{display:flex;align-items:center;gap:24px;min-width:0;margin:0 0 12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.api-examples-meta>div{display:flex;align-items:center;gap:8px;min-width:0}
.api-examples-meta span{color:#666;font-size:10px;font-weight:600;line-height:1.2}
.api-examples-meta b{display:block;min-width:0;max-width:100%;color:#aaa;font-size:10px;font-weight:620;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.api-examples-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;align-items:stretch}
.api-examples-pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:300px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#131313;overflow:hidden}
.api-examples-pane-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.05);background:#151515}
.api-examples-pane-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.api-examples-pane-head span{color:#858585;font-size:10px;font-weight:620;line-height:1}
.api-examples-pane-head b{color:#c3c3c3;font-size:10px;font-weight:650;line-height:1}
.api-examples-pane-output .api-examples-pane-head b{color:var(--stats-green,#4fd07d)}
.api-examples-copy{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-radius:7px;background:#202020;color:#aaa;font:600 12px/1 "Montserrat",Arial,sans-serif;cursor:pointer;transition:background .14s ease,color .14s ease}
.api-examples-copy:hover{background:#282828;color:#eee}
.api-examples-copy.is-copied{background:rgba(79,208,125,.09);color:#7bd89d}
.api-examples-copy svg{width:13px;height:13px;fill:currentColor;flex:none}
.api-examples-code{min-width:0;min-height:0;background:#121212}
.api-examples-code pre{width:100%;min-width:0;max-height:470px;box-sizing:border-box;margin:0;padding:15px 16px;color:#d8d8d8;font:500 11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto;scrollbar-width:thin}
.api-examples-output pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.api-examples-footnote{margin:10px 0 0;color:#666;font-size:10px;font-weight:500;line-height:1.45}
.api-example-empty{padding:11px;color:#777;font-size:10px}
@media (min-width:901px) and (max-width:1099px){
  .api-examples-meta{display:grid;grid-template-columns:150px 190px minmax(0,1fr);gap:14px;align-items:start}
  .api-examples-meta>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:7px;align-items:start;min-width:0}
  .api-examples-meta span{white-space:nowrap}
  .api-examples-meta b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .api-examples-meta>div:last-child b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .api-examples-workspace{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:12px}
  .api-examples-pane{min-height:360px}
}
@media(max-width:900px){.api-examples-toolbar{grid-template-columns:minmax(0,1fr) 240px}.api-examples-workspace{grid-template-columns:1fr}}
@media(max-width:620px){.api-examples-toolbar{grid-template-columns:1fr}.api-examples-meta{display:grid;gap:7px}.api-examples-meta>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center}.api-examples-meta>div span{white-space:nowrap}.api-examples-meta>div b{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-examples-pane{min-height:0}.api-examples-code pre{max-height:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.api-examples-copy span{display:none}.api-examples-copy{width:32px;padding:0}}



/* 1024px compact desktop/tablet bridge: denser than mobile, safer than full desktop. */
@media (min-width:1000px) and (max-width:1099px){
  body.mgram-api-docs-page .api-reference-panel{padding:16px}
  body.mgram-api-docs-page .api-reference-tools{grid-template-columns:minmax(0,1fr) 310px;gap:10px}
  body.mgram-api-docs-page .api-endpoint-list{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px
  }
  body.mgram-api-docs-page .api-endpoint:nth-child(2){border-top:0}
  body.mgram-api-docs-page .api-endpoint-body{margin-left:55px;padding-right:2px}

  body.mgram-api-docs-page #screen-factory .api-guide-panel,
  body.mgram-api-docs-page #screen-shows .api-guide-panel{
    display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
    grid-auto-rows:auto;column-gap:20px;align-items:start;padding:16px
  }
  body.mgram-api-docs-page #screen-factory .stats-section-head,
  body.mgram-api-docs-page #screen-shows .stats-section-head,
  body.mgram-api-docs-page #screen-factory .api-route-strip,
  body.mgram-api-docs-page #screen-shows .api-route-strip{grid-column:1/-1}
  body.mgram-api-docs-page #screen-factory .api-panel-heading,
  body.mgram-api-docs-page #screen-shows .api-panel-heading{grid-column:1;grid-row:3;margin-top:2px}
  body.mgram-api-docs-page #screen-factory .api-heading-detail,
  body.mgram-api-docs-page #screen-shows .api-heading-detail{grid-column:1;grid-row:4}
  body.mgram-api-docs-page #screen-factory .api-scenario-grid,
  body.mgram-api-docs-page #screen-shows .api-parameter-list{grid-column:1;grid-row:5}
  body.mgram-api-docs-page #screen-factory .api-example-head,
  body.mgram-api-docs-page #screen-shows .api-example-head{grid-column:2;grid-row:3;margin-top:2px;padding-top:0;border-top:0}
  body.mgram-api-docs-page #screen-factory .api-request-response,
  body.mgram-api-docs-page #screen-shows .api-request-response{grid-column:2;grid-row:4/span 2;margin-top:0}
  body.mgram-api-docs-page #screen-factory .api-inline-note{grid-column:2;grid-row:6;margin-top:8px}
  body.mgram-api-docs-page #screen-factory .api-scenario-grid{grid-template-columns:1fr;gap:8px}
  body.mgram-api-docs-page #screen-factory .api-request-response .api-code-wrap pre,
  body.mgram-api-docs-page #screen-shows .api-request-response .api-code-wrap pre{
    white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden
  }
}

/* Desktop API docs: intentional PC composition, never stretched mobile. */
/* Canonical desktop composition: >=1100px */
@media (min-width:1100px){
  body.mgram-api-docs-page{--mgram-shell-content-max:1240px}
  body.mgram-api-docs-page .api-desktop-layout{
    width:100%;max-width:1240px;margin:0 auto;gap:16px
  }
  body.mgram-api-docs-page .stats-panel{border-radius:14px}

  /* Quickstart: setup rail + working example, with controls kept compact. */
  body.mgram-api-docs-page .api-alert-stack{gap:12px}
  body.mgram-api-docs-page .api-alert-card{min-height:88px;padding:14px 16px}
  body.mgram-api-docs-page .api-quickstart-card{padding:18px}
  body.mgram-api-docs-page .api-quick-actions{
    grid-template-columns:minmax(420px,1fr) minmax(360px,.72fr);gap:12px;margin-bottom:18px
  }
  body.mgram-api-docs-page .api-quick-panel{
    grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);column-gap:28px
  }
  body.mgram-api-docs-page .api-quick-panel>.api-journey{padding-right:4px}
  body.mgram-api-docs-page .api-request-response{gap:12px}
  body.mgram-api-docs-page .api-code-wrap pre{font-size:10.8px;line-height:1.58}

  /* Registration / shows: task controls left, request/result workspace right. */
  body.mgram-api-docs-page #screen-factory .api-guide-panel,
  body.mgram-api-docs-page #screen-shows .api-guide-panel{
    display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
    grid-auto-rows:auto;column-gap:26px;align-items:start;padding:18px
  }
  body.mgram-api-docs-page #screen-factory .stats-section-head,
  body.mgram-api-docs-page #screen-shows .stats-section-head,
  body.mgram-api-docs-page #screen-factory .api-route-strip,
  body.mgram-api-docs-page #screen-shows .api-route-strip{grid-column:1/-1}
  body.mgram-api-docs-page #screen-factory .api-panel-heading,
  body.mgram-api-docs-page #screen-shows .api-panel-heading{grid-column:1;grid-row:3;margin-top:2px}
  body.mgram-api-docs-page #screen-factory .api-heading-detail,
  body.mgram-api-docs-page #screen-shows .api-heading-detail{grid-column:1;grid-row:4}
  body.mgram-api-docs-page #screen-factory .api-scenario-grid,
  body.mgram-api-docs-page #screen-shows .api-parameter-list{grid-column:1;grid-row:5}
  body.mgram-api-docs-page #screen-factory .api-example-head,
  body.mgram-api-docs-page #screen-shows .api-example-head{grid-column:2;grid-row:3;margin-top:2px;padding-top:0;border-top:0}
  body.mgram-api-docs-page #screen-factory .api-request-response,
  body.mgram-api-docs-page #screen-shows .api-request-response{grid-column:2;grid-row:4/span 2;margin-top:0}
  body.mgram-api-docs-page #screen-factory .api-inline-note{grid-column:2;grid-row:6;margin-top:10px}
  body.mgram-api-docs-page #screen-factory .api-request-response .api-code-wrap pre,
  body.mgram-api-docs-page #screen-shows .api-request-response .api-code-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}
  body.mgram-api-docs-page #screen-factory .api-scenario-grid{grid-template-columns:1fr;gap:8px}
  body.mgram-api-docs-page #screen-factory .api-scenario-option{padding:12px 13px}
  body.mgram-api-docs-page #screen-shows .api-parameter-row{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:11px 0}

  /* Webhook: test is a compact top workbench; learning content follows below. */
  body.mgram-api-docs-page .api-webhook-panel{padding:18px}
  body.mgram-api-docs-page .api-webhook-test-panel{
    display:grid;grid-template-columns:300px minmax(0,1fr);gap:8px 24px;align-items:end;padding:12px 0 16px
  }
  body.mgram-api-docs-page .api-webhook-test-head{grid-column:1;grid-row:1;margin:0;align-self:center}
  body.mgram-api-docs-page .api-webhook-test-form{grid-column:2;grid-row:1}
  body.mgram-api-docs-page .api-webhook-test-result{grid-column:2;grid-row:2;margin-top:0}
  body.mgram-api-docs-page .api-webhook-how{padding-top:16px}
  body.mgram-api-docs-page .api-webhook-how-grid{margin-top:8px}
  body.mgram-api-docs-page .api-webhook-guide{gap:26px;margin-top:18px}

  /* Reference: persistent master list + focused endpoint detail. */
  body.mgram-api-docs-page .api-reference-panel{padding:18px}
  body.mgram-api-docs-page .api-reference-workspace{grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}
  body.mgram-api-docs-page .api-reference-master{min-width:0}
  body.mgram-api-docs-page .api-reference-groups{max-height:680px;gap:12px;margin-top:0;padding-right:6px}
  body.mgram-api-docs-page .api-reference-detail{min-width:0;padding-left:22px}
  body.mgram-api-docs-page .api-reference-detail-head h3{font-size:17px}
  body.mgram-api-docs-page .api-reference-detail-meta>div{grid-template-columns:104px minmax(0,1fr)}
  body.mgram-api-docs-page .api-reference-detail-examples{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:14px}
  body.mgram-api-docs-page .api-reference-detail .api-code-wrap pre{max-height:390px;overflow:auto}

  /* Examples: control rail + code canvas. */
  body.mgram-api-docs-page .api-code-examples-panel{
    padding:18px;display:grid;grid-template-columns:300px minmax(0,1fr);
    grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:18px;row-gap:0;align-items:start
  }
  body.mgram-api-docs-page .api-code-examples-panel>.stats-section-head{grid-column:1/-1;grid-row:1;margin-bottom:14px}
  body.mgram-api-docs-page .api-code-examples-panel>.api-examples-toolbar{
    grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr;gap:12px;align-self:start;
    margin:0;padding:0 16px 14px 0;border-right:1px solid rgba(255,255,255,.05)
  }
  body.mgram-api-docs-page .api-code-examples-panel>.api-examples-meta{
    grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr;align-content:start;gap:0;
    margin:0;padding:0 16px 0 0;border-top:0;border-right:1px solid rgba(255,255,255,.05);border-bottom:0
  }
  body.mgram-api-docs-page .api-examples-meta>div{
    display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start;min-width:0;
    padding:10px 0;border-top:1px solid rgba(255,255,255,.045)
  }
  body.mgram-api-docs-page .api-examples-meta span{padding-top:1px;font-size:9.5px;line-height:1.35}
  body.mgram-api-docs-page .api-examples-meta b{
    min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;
    color:#b7b7b7;font-size:10px;line-height:1.45
  }
  body.mgram-api-docs-page .api-code-examples-panel>.api-examples-workspace{
    grid-column:2;grid-row:2/span 2;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
    gap:12px;align-self:stretch;min-width:0;margin:0
  }
  body.mgram-api-docs-page .api-code-examples-panel>.api-examples-footnote{grid-column:2;grid-row:4;margin:10px 0 0}
  body.mgram-api-docs-page .api-examples-pane{min-height:430px;height:auto;align-self:stretch}
  body.mgram-api-docs-page .api-examples-code{overflow:hidden}
  body.mgram-api-docs-page .api-examples-code pre{
    height:100%;max-height:none;padding:16px 18px;font-size:10.8px;line-height:1.62;overflow:auto
  }
  body.mgram-api-docs-page .api-example-language-switch{height:44px}
  body.mgram-api-docs-page .api-example-picker{min-height:52px}

  /* Errors: three semantic columns, actions stay near their explanation. */
  body.mgram-api-docs-page .api-error-panel{padding:18px}
  body.mgram-api-docs-page .api-error-envelope{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 18px;align-items:start}
  body.mgram-api-docs-page .api-error-envelope .api-panel-heading{grid-column:1;grid-row:1 / span 2;margin-top:5px}
  body.mgram-api-docs-page .api-error-envelope>.api-code-label{grid-column:2;grid-row:1}
  body.mgram-api-docs-page .api-error-envelope>.api-code-wrap{grid-column:2;grid-row:2;min-width:0}
  body.mgram-api-docs-page .api-error-envelope>.api-code-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}
  body.mgram-api-docs-page .api-error-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
  body.mgram-api-docs-page .api-error-row{grid-template-columns:62px minmax(0,1fr);gap:8px 10px;align-items:start}
  body.mgram-api-docs-page .api-error-action{grid-column:2;justify-self:start;margin-top:1px}
}

/* Tasks API guide */
.api-flow{display:grid;gap:8px;margin:2px 0 16px}
.api-flow-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border-radius:11px;background:#151515}
.api-flow-n{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(79,208,125,.1);color:var(--stats-green,#4fd07d);font-size:11px;font-weight:750}
.api-flow-step b{display:block;color:#dedede;font-size:12px;font-weight:650;line-height:1.3}
.api-flow-step b code{font-size:11.5px;color:#e6e6e6}
.api-flow-step p{margin:3px 0 0;color:#858585;font-size:10.8px;line-height:1.45}
.api-route-strip-gap{margin-top:18px}
.api-status-table{display:grid;border-top:1px solid rgba(255,255,255,.05)}
.api-status-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.api-status-row code{color:#e0e0e0;font:600 10.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-status-row>span{color:#8f8f8f;font-size:11px;line-height:1.5}
.api-rules-grid{display:grid;gap:8px;grid-template-columns:1fr}
.api-rule{display:grid;gap:4px;padding:11px 12px;border-radius:11px;background:#151515}
.api-rule b{color:#dadada;font-size:11.5px;font-weight:650}
.api-rule span{color:#858585;font-size:10.8px;line-height:1.45}
@media(min-width:760px){
  .api-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .api-rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:900px){
  .api-flow{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:560px){.api-status-row{grid-template-columns:1fr;gap:4px}}
.api-status-key{display:flex;flex-wrap:wrap;gap:4px 8px;align-content:start}

/* Home: one panel — Base URL, the API areas as a list, where to get the keys */
.api-home{display:grid;gap:14px}
.api-home-head{display:grid;gap:10px}
.api-home-head h2{margin:0;color:#ededed;font-size:19px;font-weight:720;letter-spacing:-.02em;line-height:1.15}
.api-home-head p{margin:4px 0 0;color:#8a8a8a;font-size:11.5px;line-height:1.4}
.api-home-list{display:grid;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.055)}
.api-home-row{appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto 16px;gap:12px;align-items:center;padding:13px 14px;border:0;background:#141414;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .14s ease}
.api-home-row+.api-home-row{border-top:1px solid rgba(255,255,255,.05)}
.api-home-row:hover{background:#1a1a1a}
.api-home-row:focus-visible{outline:1px solid #666;outline-offset:-1px}
.api-home-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:#c8c8c8}
.api-home-icon svg{width:17px;height:17px}
.api-home-tasks .api-home-icon{color:var(--stats-green,#4fd07d);background:rgba(79,208,125,.08)}
.api-home-factory .api-home-icon{color:var(--stats-purple,#b28cf2);background:rgba(178,140,242,.08)}
.api-home-shows .api-home-icon{color:var(--stats-yellow,#f2c94c);background:rgba(242,201,76,.08)}
.api-home-bot .api-home-icon{color:var(--stats-blue,#66aef0);background:rgba(102,174,240,.08)}
.api-home-copy{min-width:0;display:grid;gap:3px}
.api-home-copy b{color:#ececec;font-size:13px;font-weight:680;line-height:1.2}
.api-home-copy>span{color:#858585;font-size:11px;line-height:1.4}
.api-home-key{padding:4px 7px;border-radius:7px;background:rgba(242,201,76,.07);color:#c9aa4a;font-size:10px;font-weight:650;line-height:1;white-space:nowrap}
.api-home-key-none{visibility:hidden}
.api-home-arrow{color:#5c5c5c;display:grid;place-items:center}
.api-home-arrow svg{width:14px;height:14px}
.api-home-foot{display:grid;gap:4px}
.api-home-foot p{margin:0;color:#7d7d7d;font-size:11px;line-height:1.5}
.api-home-foot b{color:#bdbdbd;font-weight:650}
.api-home-foot a{color:var(--stats-yellow,#f2c94c);text-decoration:none;font-weight:620}
@media(min-width:900px){.api-home-head{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:end}}
@media(max-width:560px){.api-home-row{grid-template-columns:auto minmax(0,1fr) 14px}.api-home-key{display:none}}

/* ================= Docs v2: inside the sections ================= */
body.mgram-api-docs-page{--doc-text:#ededed;--doc-muted:#a3a3a3;--doc-dim:#767676;--doc-line:rgba(255,255,255,.075);--doc-code-bg:#0e0e0e;--doc-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.mgram-api-docs-page .doc-screen{gap:30px;padding-bottom:40px}
.doc-screen>.stats-panel{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;display:grid;gap:22px}
.doc-head{display:grid;gap:9px;padding:8px 0 2px;max-width:820px}
.doc-eyebrow{color:#c9aa4a;font:650 11.5px/1 var(--doc-mono)}
.doc-head h1{margin:0;color:var(--doc-text);font-size:30px;font-weight:740;letter-spacing:-.03em;line-height:1.12}
.doc-lead{margin:0;color:var(--doc-muted);font-size:15.5px;line-height:1.6}
.doc-block{display:grid;gap:14px;padding-top:26px;border-top:1px solid var(--doc-line);min-width:0}
.doc-block h2,.doc-endpoint h2{margin:0;color:var(--doc-text);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.doc-endpoint h3{margin:14px 0 2px;color:var(--doc-dim);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.doc-text,.doc-endpoint-text>p{margin:0;color:var(--doc-muted);font-size:14.5px;line-height:1.65}
.doc-endpoint{display:grid;gap:22px;padding-top:28px;border-top:1px solid var(--doc-line);min-width:0}
.doc-endpoint-text{min-width:0;display:grid;gap:12px;align-content:start}
.doc-endpoint-code{min-width:0;display:grid;gap:14px;align-content:start}
@media(min-width:1040px){.doc-endpoint{grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:44px}.doc-endpoint-code{position:sticky;top:78px}}

.doc-route{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.doc-route code{color:var(--doc-text);font:650 15.5px/1.3 var(--doc-mono);overflow-wrap:anywhere}
.doc-method{padding:5px 8px;border-radius:7px;font:750 11.5px/1 var(--doc-mono);letter-spacing:.03em}
.doc-method-post{color:#f2c94c;background:rgba(242,201,76,.11)}
.doc-method-get{color:#4fd07d;background:rgba(79,208,125,.11)}
.doc-key{padding:4px 9px;border:1px solid var(--doc-line);border-radius:999px;color:var(--doc-dim);font-size:11.5px;font-weight:620;line-height:1}

.doc-params{display:grid;border-top:1px solid var(--doc-line);min-width:0}
.doc-param{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--doc-line)}
.doc-param-name{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.doc-param-name code{color:var(--doc-text);font:650 13.5px/1.3 var(--doc-mono);overflow-wrap:anywhere}
.doc-param-type{color:var(--doc-dim);font:500 12px/1.2 var(--doc-mono)}
.doc-req{color:#e88b99;font-size:11.5px;font-weight:650}
.doc-param-copy{color:var(--doc-muted);font-size:14px;line-height:1.6;min-width:0}
.doc-fields .doc-param{grid-template-columns:minmax(150px,220px) minmax(0,1fr)}
@media(max-width:640px){.doc-param,.doc-fields .doc-param{grid-template-columns:1fr;gap:6px}}

.doc-code{border:1px solid var(--doc-line);border-radius:12px;background:var(--doc-code-bg);overflow:hidden;min-width:0}
.doc-code-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--doc-line);color:var(--doc-dim);font-size:12px;font-weight:650}
.doc-code-status{color:#4fd07d;font-size:11.5px;font-weight:700}
.doc-code .api-code-wrap{position:relative;margin:0;padding:0;border:0;border-radius:0;background:none;min-width:0}
.doc-code pre{margin:0;padding:14px 16px;overflow:auto;max-height:560px}
.doc-code pre code{font:500 12.8px/1.65 var(--doc-mono);color:#d8d8d8;white-space:pre}
.doc-copy{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border-radius:8px;border:1px solid var(--doc-line);background:#171717;color:#8f8f8f;display:grid;place-items:center;cursor:pointer;transition:color .14s ease,background .14s ease}
.doc-copy svg{width:14px;height:14px}
.doc-copy:hover{color:#f0f0f0;background:#202020}

.doc-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:docstep}
.doc-steps li{counter-increment:docstep;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:start}
.doc-steps li::before{content:counter(docstep);grid-row:1 / span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(79,208,125,.1);color:#4fd07d;font-size:13px;font-weight:750}
.doc-steps b{color:var(--doc-text);font-size:14.5px;font-weight:650;line-height:1.35}
.doc-steps b code{font:650 13.5px/1.35 var(--doc-mono)}
.doc-steps span{color:var(--doc-muted);font-size:13.5px;line-height:1.55}
@media(min-width:900px){.doc-steps:not(.doc-steps-col){grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}

.doc-rules{margin:0;padding-left:20px;display:grid;gap:10px;color:var(--doc-muted);font-size:14.5px;line-height:1.6}
.doc-rules li::marker{color:#555}
.doc-endpoint-text>p.doc-note{color:var(--doc-dim);font-size:13px}
.doc-list{display:grid;border-top:1px solid var(--doc-line)}
.doc-list-row{appearance:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border:0;border-bottom:1px solid var(--doc-line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.doc-list-row:hover .doc-route code{color:#fff}
.doc-list-row>span{color:var(--doc-muted);font-size:14px}
@media(max-width:640px){.doc-list-row{grid-template-columns:1fr;gap:6px}}

.doc-webhook-form{display:grid;gap:0}
.doc-webhook-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:760px}
.doc-webhook-control input{height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--doc-line);background:#111;color:var(--doc-text);font:500 13.5px var(--doc-mono);min-width:0}
.doc-webhook-control input:focus{outline:1px solid #555;outline-offset:0}
.doc-btn{height:46px;padding:0 18px;border-radius:10px;border:0;background:#f2c94c;color:#111;font:700 13.5px "Montserrat",Arial,sans-serif;cursor:pointer;white-space:nowrap}
.doc-btn:hover{background:#f5d46a}
.doc-hint{margin:8px 0 0;color:var(--doc-dim);font-size:12.5px}
.doc-error{margin:8px 0 0;color:#ef6275;font-size:12.5px}
.doc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.doc-webhook-test .api-webhook-test-result{max-width:760px}

/* Reference / examples / errors (rendered by api_docs.js): same type scale */
.doc-screen .api-reference-workspace{gap:0;border-top:1px solid var(--doc-line);padding-top:18px}
.doc-screen .api-search{height:44px;font-size:13.5px}
.doc-screen .api-reference-scope button{font-size:12.5px;min-height:38px}
.doc-screen .api-reference-count{font-size:12px;color:var(--doc-dim)}
.doc-screen .api-reference-group-head h3,.doc-screen .api-reference-group-copy b{font-size:13px}
.doc-screen .api-reference-group-copy span,.doc-screen .api-reference-group-head p{font-size:12px}
.doc-screen .api-endpoint-path{font-size:13px!important}
.doc-screen .api-endpoint-title{font-size:12px!important;color:var(--doc-dim)!important}
.doc-screen .api-reference-detail-head h2,.doc-screen .api-reference-detail h2{font-size:22px!important;letter-spacing:-.02em}
.doc-screen .api-reference-detail-head p,.doc-screen .api-reference-detail p{font-size:14px!important;line-height:1.6!important;color:var(--doc-muted)}
.doc-screen .api-reference-detail-route code{font-size:15px!important}
.doc-screen .api-reference-detail-meta{font-size:13px!important}
.doc-screen .api-schema-section-head,.doc-screen .api-schema-section-head h3{font-size:13px!important}
.doc-screen .api-schema-name{font-size:13.5px!important}
.doc-screen .api-schema-type{font-size:12px!important}
.doc-screen .api-schema-description,.doc-screen .api-schema-note{font-size:13.5px!important;line-height:1.55!important;color:var(--doc-muted)!important}
.doc-screen .api-schema-tags span,.doc-screen .api-schema-required{font-size:11px!important}
.doc-screen .api-code-wrap pre code{font-size:12.6px!important;line-height:1.65!important}
.doc-screen .api-examples-meta span{font-size:12px!important}
.doc-screen .api-examples-meta b{font-size:13px!important}
.doc-screen .api-example-picker{min-height:52px}
.doc-screen .api-error-group-head h3{font-size:15px!important}
.doc-screen .api-error-status{font-size:12.5px!important}
.doc-screen .api-error-copy b{font-size:14px!important}
.doc-screen .api-error-copy span{font-size:13px!important;color:var(--doc-muted)!important}
.doc-screen .api-error-action{font-size:11.5px!important}
.doc-screen .api-error-row{padding:14px 0!important}
.doc-screen .doc-webhook-test{grid-template-columns:1fr!important}
.doc-screen .doc-webhook-form{display:block!important;grid-column:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.doc-screen .api-code-examples-panel>.doc-head,.doc-screen .api-reference-panel>.doc-head,.doc-screen .api-error-panel>.doc-head{grid-column:1 / -1}
.doc-enum{display:grid;gap:6px}
.doc-enum>span{display:block}
.doc-enum code{color:#dcdcdc;font:600 12.5px/1.4 var(--doc-mono);padding:1px 6px;border-radius:5px;background:#1a1a1a;margin-right:4px}
.doc-webhook-test>h2{order:1}.doc-webhook-test>p.doc-text{order:2}.doc-webhook-test>.doc-webhook-form{order:3}.doc-webhook-test>.api-webhook-test-result{order:4}
.doc-screen .doc-webhook-test>.api-webhook-test-form,.doc-screen .doc-webhook-test>.api-webhook-test-result{grid-row:auto!important;grid-column:auto!important}
.doc-screen .doc-webhook-form>p.doc-hint,.doc-screen .doc-webhook-form>p.doc-error{font-size:12.5px;line-height:1.4}
.doc-code pre{padding-right:50px}

/* ================= Docs v3: two areas (bots / bot factories), endpoint cards ================= */
.api-home3{display:grid;gap:18px;padding:20px!important}
.api-home3-head{display:grid;gap:12px}
.api-home3-head h2{margin:0;color:#efefef;font-size:22px;font-weight:740;letter-spacing:-.025em;line-height:1.15}
.api-home3-head p{margin:5px 0 0;color:#8d8d8d;font-size:13px}
.api-home3-grid{display:grid;gap:12px}
.api-door{appearance:none;position:relative;display:grid;gap:10px;align-content:start;text-align:left;padding:22px;border-radius:16px;border:1px solid rgba(255,255,255,.07);color:inherit;font:inherit;cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.api-door-bots{background:radial-gradient(120% 90% at 0% 0%,rgba(79,208,125,.13),transparent 55%),#131313}
.api-door-factory{background:radial-gradient(120% 90% at 0% 0%,rgba(178,140,242,.14),transparent 55%),#131313}
.api-door:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.14)}
.api-door:focus-visible{outline:1px solid #777;outline-offset:2px}
.api-door-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:4px}
.api-door-icon svg{width:22px;height:22px}
.api-door-bots .api-door-icon{background:rgba(79,208,125,.12);color:#4fd07d}
.api-door-factory .api-door-icon{background:rgba(178,140,242,.13);color:#b28cf2}
.api-door>b{color:#f2f2f2;font-size:19px;font-weight:720;letter-spacing:-.02em;line-height:1.2}
.api-door-text{color:#9b9b9b;font-size:13.5px;line-height:1.55;max-width:420px}
.api-door-tags{display:flex;flex-wrap:wrap;gap:6px}
.api-door-tags>span{padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.055);color:#cfcfcf;font-size:11.5px;font-weight:620}
.api-door-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.api-door-key{color:#c9aa4a;font:650 11.5px/1 var(--doc-mono)}
.api-door-go{display:inline-flex;align-items:center;gap:4px;color:#e6e6e6;font-size:12.5px;font-weight:680}
.api-door-go svg{width:13px;height:13px}
@media(min-width:760px){.api-home3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.api-home3-head{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:end}}

.doc-part{display:grid;gap:16px;min-width:0;scroll-margin-top:72px}
.doc-part+.doc-part{margin-top:18px}
.doc-part-head{display:grid;gap:6px;max-width:820px}
.doc-part-head h2{margin:0;color:#efefef;font-size:22px;font-weight:720;letter-spacing:-.02em}
.doc-part-head p{margin:0;color:var(--doc-muted);font-size:14.5px;line-height:1.6}

.ep{border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#121212;overflow:hidden;min-width:0}
.ep-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:#151515}
.ep-method{padding:5px 8px;border-radius:7px;font:750 11.5px/1 var(--doc-mono);letter-spacing:.03em}
.ep-post{color:#f2c94c;background:rgba(242,201,76,.12)}
.ep-get{color:#4fd07d;background:rgba(79,208,125,.12)}
.ep-path{color:#f0f0f0;font:650 15px/1.3 var(--doc-mono);overflow-wrap:anywhere}
.ep-key{margin-left:auto;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#8a8a8a;font-size:11px;font-weight:620;line-height:1;white-space:nowrap}
.ep-body{display:grid;min-width:0}
.ep-info{display:grid;gap:10px;align-content:start;padding:18px 20px;min-width:0}
.ep-info h3{margin:0;color:#eeeeee;font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.ep-desc{margin:0;color:var(--doc-muted);font-size:14px;line-height:1.6}
.ep-params{display:grid;margin-top:4px}
.ep-param{padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.ep-param-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ep-param-top code{color:#ededed;font:650 13px/1.3 var(--doc-mono)}
.ep-param-top span{color:#727272;font:500 11.5px/1.2 var(--doc-mono)}
.ep-param-top em{font-style:normal;padding:2px 6px;border-radius:5px;background:rgba(239,98,117,.1);color:#e88b99;font-size:10.5px;font-weight:650}
.ep-param p{margin:4px 0 0;color:#9c9c9c;font-size:13px;line-height:1.5}
.ep-code{display:grid;grid-template-rows:auto 1fr;background:#0c0c0c;border-top:1px solid rgba(255,255,255,.06);min-width:0}
.ep-tabs{display:flex;align-items:center;gap:4px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
.ep-tabs button{appearance:none;height:30px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#858585;font:650 12px/1 "Montserrat",Arial,sans-serif;cursor:pointer}
.ep-tabs button:hover{color:#cfcfcf}
.ep-tabs button.active{background:#1d1d1d;color:#f0f0f0}
.ep-tabs b{margin-left:auto;padding-right:6px;color:#4fd07d;font-size:11.5px;font-weight:700}
.ep-pane{min-width:0}
.ep-pane .api-code-wrap{position:relative;margin:0;padding:0;border:0;border-radius:0;background:none;min-width:0}
.ep-pane pre{margin:0;padding:16px 50px 18px 18px;overflow:auto;max-height:440px}
.ep-pane pre code{font:500 12.6px/1.65 var(--doc-mono)!important;color:#d9d9d9;white-space:pre}
.ep-pane .doc-copy{top:10px;right:10px}
@media(min-width:1000px){
  .ep-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ep-code{border-top:0;border-left:1px solid rgba(255,255,255,.06)}
}
.doc-mini{display:grid;gap:8px;padding:14px 16px;border-radius:12px;background:#121212;border:1px solid rgba(255,255,255,.06)}
.doc-mini>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:baseline}
.doc-mini code{color:#e6e6e6;font:650 12.5px var(--doc-mono)}
.doc-mini span{color:#9a9a9a;font-size:13px;line-height:1.5}
.ep-webhook .doc-webhook-control{max-width:none}
.ep-webhook .api-webhook-test-result{margin-top:6px}
.ep-webhook .api-webhook-test-form,.ep-webhook .api-webhook-test-result{grid-row:auto!important;grid-column:auto!important}
.api-door-icon svg{fill:none}

/* ================= v5: premium minimal (home / for bots / for bot factories) ================= */
body.mgram-api-docs-page .d4{gap:20px;padding-bottom:48px;--d4-line:rgba(255,255,255,.075);--d4-soft:rgba(255,255,255,.045);--d4-card:#0f0f10;--d4-gold:#f2c94c;--d4-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.d4 code{font-family:var(--d4-mono)}
.d4-head{display:grid;gap:6px;padding:6px 0 0}
.d4-head h1{margin:0;color:#f4f4f4;font-size:26px;font-weight:760;letter-spacing:-.03em;line-height:1.1}
.d4-head p{margin:0;color:#8b8b8b;font-size:14px;line-height:1.5}
/* connection */
.d4-connect{display:grid;border:1px solid var(--d4-line);border-radius:14px;overflow:hidden;background:var(--d4-card)}
.d4-connect>div{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px}
.d4-connect>div+div{border-top:1px solid var(--d4-soft)}
.d4-connect span{flex:none;width:84px;color:#727272;font-size:12px;font-weight:600}
.d4-connect code,.d4-connect b{min-width:0;color:#e9e9e9;font:600 12.5px/1.4 var(--d4-mono);overflow-wrap:anywhere}
.d4-connect b{font-family:"Montserrat",Arial,sans-serif;font-weight:600;color:#d9d9d9}
.d4-connect a{color:var(--d4-gold);text-decoration:none}
.d4-copy{appearance:none;flex:none;margin-left:auto;width:30px;height:30px;padding:0;border:1px solid var(--d4-line);border-radius:8px;background:#161616;color:#8c8c8c;display:grid;place-items:center;cursor:pointer;transition:color .15s,background .15s}
.d4-copy svg{width:14px;height:14px}
.d4-copy:hover{color:#fff;background:#1f1f1f}
/* flow */
.d4-flow{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:d4f}
.d4-flow li{counter-increment:d4f;position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:3px 12px;padding:0 0 14px}
.d4-flow li:last-child{padding-bottom:0}
.d4-flow li::before{content:counter(d4f);grid-row:1 / span 2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(242,201,76,.35);background:rgba(242,201,76,.06);color:var(--d4-gold);font:700 11.5px/1 "Montserrat",Arial,sans-serif}
.d4-flow li:not(:last-child)::after{content:"";position:absolute;left:12.5px;top:30px;bottom:4px;width:1px;background:var(--d4-line)}
.d4-flow b{grid-column:2;color:#ececec;font-size:13.5px;font-weight:680;line-height:26px}
.d4-flow li>span{grid-column:2;color:#8d8d8d;font-size:12.5px;line-height:1.5}
.d4-flow code{padding:1px 6px;border-radius:5px;background:#171717;color:#e3e3e3;font-size:11.5px;font-weight:600;white-space:nowrap}
/* method groups */
.d4-list{display:grid;gap:18px}
.d4-group{display:grid;gap:8px}
.d4-cap{padding-left:2px;color:#6d6d6d;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.d4-card{border:1px solid var(--d4-line);border-radius:14px;overflow:hidden;background:var(--d4-card)}
.d4-m+.d4-m{border-top:1px solid var(--d4-soft)}
.d4-m>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) 12px;grid-template-areas:"verb path caret" ". title caret";gap:3px 12px;align-items:center;padding:13px 14px;cursor:pointer;transition:background .15s}
.d4-m>summary::-webkit-details-marker{display:none}
.d4-m>summary:hover{background:#141415}
.d4-m[open]>summary{background:#141415}
.d4-verb{grid-area:verb;justify-self:start;min-width:44px;padding:4px 0;border-radius:6px;text-align:center;font:750 10px/1 var(--d4-mono);letter-spacing:.04em}
.d4-post{background:rgba(242,201,76,.1);color:var(--d4-gold)}
.d4-get{background:rgba(79,208,125,.1);color:#5fd48a}
.d4-path{grid-area:path;min-width:0;color:#f0f0f0;font:650 13px/1.35 var(--d4-mono);overflow-wrap:anywhere}
.d4-title{grid-area:title;min-width:0;color:#878787;font-size:12.5px;line-height:1.35}
.d4-tag{display:none}
.d4-caret{grid-area:caret;width:7px;height:7px;border-right:1.5px solid #5d5d5d;border-bottom:1.5px solid #5d5d5d;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.d4-m[open] .d4-caret,.d4-more[open]>summary .d4-caret{transform:rotate(225deg) translate(-2px,0)}
/* folded «other methods» */
.d4-more{display:grid;gap:8px}
.d4-more>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:4px 2px;color:#7c7c7c;font-size:12.5px;font-weight:650;cursor:pointer}
.d4-more>summary::-webkit-details-marker{display:none}
.d4-more>summary:hover{color:#cfcfcf}
.d4-more>summary b{padding:2px 7px;border-radius:999px;background:#171717;color:#8f8f8f;font-size:11px;font-weight:700}
.d4-more>summary .d4-caret{margin-left:2px}
/* expanded method */
.d4-body{padding:4px 14px 16px;background:#0b0b0c;border-top:1px solid var(--d4-soft)}
.d4-desc{margin:12px 0 14px;color:#a6a6a6;font-size:13.5px;line-height:1.6}
.d4-legacy{font-style:normal;padding:1px 6px;border-radius:5px;background:#222;color:#9a9a9a;font-size:10.5px}
.d4-cols{display:grid;gap:16px;min-width:0}
.d4-info{min-width:0}
.d4-sub{margin:0 0 4px;color:#666;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.d4-p{padding:9px 0;border-top:1px solid var(--d4-soft)}
.d4-p-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.d4-p-top code{color:#efefef;font-size:12.5px;font-weight:650}
.d4-p-top span{color:#6a6a6a;font:500 11px var(--d4-mono)}
.d4-p-top em{font-style:normal;color:#e58a97;font-size:10.5px;font-weight:650}
.d4-p p{margin:3px 0 0;color:#939393;font-size:12.5px;line-height:1.5}
.d4-c{color:#6a6a6a}
.d4-empty{margin:4px 0 8px;color:#6a6a6a;font-size:12.5px}
.d4-enums{display:grid;gap:12px;margin:12px 0 4px;padding:14px;border:1px solid var(--d4-soft);border-radius:12px;background:#0f0f10}
.d4-enum-head code{color:#cfcfcf;font-size:11.5px;font-weight:650}
.d4-enum-vals{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.d4-enum-vals>span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;background:#171718;color:#979797;font-size:11.5px}
.d4-enum-vals code{color:#efefef;font-size:11.5px;font-weight:650}
.d4-fields{margin-top:12px;border-top:1px solid var(--d4-soft)}
.d4-fields>summary{list-style:none;padding:10px 0 4px;color:#8f8f8f;font-size:12px;font-weight:650;cursor:pointer}
.d4-fields>summary::-webkit-details-marker{display:none}
.d4-fields>summary::after{content:" ›";color:#5f5f5f}
.d4-fields[open]>summary::after{content:" ‹"}
.d4-f{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:2px 8px;align-items:baseline;padding:7px 0;border-top:1px solid rgba(255,255,255,.035)}
.d4-f code{color:#dadada;font-size:12px;font-weight:600}
.d4-f span{color:#626262;font:500 10.5px var(--d4-mono)}
.d4-f p{grid-column:1 / -1;margin:0;color:#858585;font-size:12px;line-height:1.45}
.d4-f-1{padding-left:12px}.d4-f-2{padding-left:24px}.d4-f-3{padding-left:36px}
.d4-code{min-width:0;border:1px solid var(--d4-line);border-radius:12px;background:#09090a;overflow:hidden}
.d4-tabs{display:flex;align-items:center;gap:2px;padding:6px;border-bottom:1px solid var(--d4-soft);overflow-x:auto;scrollbar-width:none}
.d4-tabs::-webkit-scrollbar{display:none}
.d4-tabs button{appearance:none;flex:none;height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#777;font:650 11.5px/1 "Montserrat",Arial,sans-serif;cursor:pointer}
.d4-tabs button:hover{color:#d0d0d0}
.d4-tabs button.on{background:#1c1c1d;color:#f3f3f3}
.d4-tabs b{flex:none;margin-left:auto;padding:0 6px;color:#5fd48a;font-size:10.5px;font-weight:700}
.d4-pane .api-code-wrap{position:relative;margin:0;padding:0;border:0;border-radius:0;background:none;min-width:0}
.d4-pane pre{margin:0;padding:14px 46px 16px 14px;overflow:auto;max-height:420px}
.d4-pane pre code{font:500 12px/1.65 var(--d4-mono)!important;color:#d6d6d6;white-space:pre}
.d4-copy-code{position:absolute;top:9px;right:9px}
.d4-pane .d4-copy-code{background:#151516;box-shadow:-10px 0 14px #09090a}
/* factory webhook test tool */
.d4-webhook{margin-top:14px;padding-top:14px;border-top:1px solid var(--d4-soft)}
.d4-wh-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.d4-wh-control input{height:42px;min-width:0;padding:0 12px;border-radius:10px;border:1px solid var(--d4-line);background:#101011;color:#eee;font:500 12.5px var(--d4-mono)}
.d4-wh-control input:focus{outline:1px solid #555}
.d4-btn{height:42px;padding:0 16px;border:0;border-radius:10px;background:var(--d4-gold);color:#111;font:700 12.5px "Montserrat",Arial,sans-serif;cursor:pointer;white-space:nowrap}
.d4-btn:hover{filter:brightness(1.06)}
.d4 .d4-wh-form{display:block!important;grid-row:auto!important;grid-column:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.d4 .d4-wh-form>p.d4-hint{margin:8px 0 0;color:#6b6b6b;font-size:11.5px;line-height:1.5}
.d4 .d4-wh-form>p.d4-err{margin:8px 0 0;color:#ef6275;font-size:11.5px}
.d4 .api-webhook-test-result{grid-row:auto!important;margin-top:8px}
/* home */
.d4-notes{display:grid;gap:10px}
.d4-note{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid var(--d4-line);border-radius:14px;background:var(--d4-card)}
.d4-note-key{border-color:rgba(242,201,76,.2);background:linear-gradient(180deg,rgba(242,201,76,.06),rgba(242,201,76,.02))}
.d4-note-help{border-color:rgba(124,179,255,.18);background:linear-gradient(180deg,rgba(124,179,255,.055),rgba(124,179,255,.015))}
.d4-note-ic{flex:none;width:18px;height:18px;color:var(--d4-gold)}
.d4-note-help .d4-note-ic{color:#7cb3ff}
.d4-note-ic svg{width:18px;height:18px}
.d4-note p{margin:0;color:#a3a3a3;font-size:12.5px;line-height:1.55}
.d4-note b{color:#efefef;font-weight:680}
.d4-note a{color:var(--d4-gold);font-weight:650;text-decoration:none}
.d4-note-help a{color:#7cb3ff}
.d4-home .d4-connect span{width:74px}
.d4-doors{display:grid;border:1px solid var(--d4-line);border-radius:14px;overflow:hidden;background:var(--d4-card)}
.d4-door{appearance:none;display:grid;grid-template-columns:40px minmax(0,1fr) auto 12px;align-items:center;gap:14px;width:100%;padding:16px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background .15s}
.d4-door+.d4-door{border-top:1px solid var(--d4-soft)}
.d4-door:hover{background:#141415}
.d4-door-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(242,201,76,.08);color:var(--d4-gold);border:1px solid rgba(242,201,76,.16)}
.d4-door-ic-factory{background:rgba(167,139,250,.08);color:#b39dfb;border-color:rgba(167,139,250,.18)}
.d4-door-ic svg{width:20px;height:20px}
.d4-door-t{display:grid;gap:3px;min-width:0}
.d4-door-t b{color:#f3f3f3;font-size:15px;font-weight:700;letter-spacing:-.01em}
.d4-door-t small{color:#858585;font-size:12.5px;line-height:1.4}
.d4-door code{color:#7d7d7d;font-size:11px;font-weight:600}
.d4-door-go{width:7px;height:7px;border-top:1.5px solid #6c6c6c;border-right:1.5px solid #6c6c6c;transform:rotate(45deg)}

@media(max-width:759px){
  body.mgram-api-docs-page .mgram-v2-content{padding-left:16px!important;padding-right:16px!important}
  body.mgram-api-docs-page .d4{gap:18px}
  .d4-connect span{width:72px;font-size:11.5px}
  .d4-connect code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
  .d4-m>summary{padding:13px 12px}
  .d4-body{padding:2px 12px 14px}
}
@media(max-width:559px){
  .d4-door{grid-template-columns:40px minmax(0,1fr) 12px;padding:14px}
  .d4-door code{display:none}
}
@media(min-width:760px){
  body.mgram-api-docs-page .d4{gap:24px}
  .d4-head h1{font-size:30px}
  .d4-connect{grid-template-columns:repeat(3,minmax(0,1fr))}
  .d4-connect>div{display:grid;align-content:start;gap:5px;padding:13px 16px}
  .d4-connect>div+div{border-top:0;border-left:1px solid var(--d4-soft)}
  .d4-connect span{width:auto}
  .d4-connect .d4-copy{position:absolute;right:12px;top:12px}
  .d4-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .d4-flow li{padding:14px 16px;border:1px solid var(--d4-line);border-radius:14px;background:var(--d4-card)}
  .d4-flow li:last-child{padding-bottom:14px}
  .d4-flow li:not(:last-child)::after{display:none}
  .d4-m>summary{grid-template-columns:52px minmax(0,auto) minmax(0,1fr) 12px;grid-template-areas:"verb path title caret";gap:14px;padding:14px 18px}
  .d4-title{font-size:13px}
  .d4-body{padding:4px 18px 18px}
  .d4-home .d4-notes{grid-template-columns:1fr 1fr}
  .d4-home .d4-connect{grid-template-columns:1fr}
  .d4-home .d4-connect>div{display:flex;align-items:center;gap:12px;padding:12px 14px}
  .d4-home .d4-connect .d4-copy{position:static}
}
@media(min-width:1040px){
  .d4-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start}
  .d4-code{position:sticky;top:72px}
}
@media(max-width:759px){
  .d4-connect span{width:62px}
  .d4-connect code{font-size:12px}
}
/* ================= v6: method detail ================= */
.d5-url{display:flex;align-items:center;gap:10px;min-width:0;margin-top:14px;padding:8px 8px 8px 12px;border:1px solid var(--d4-line);border-radius:12px;background:#101011}
.d5-url .d4-verb{flex:none}
.d5-url code{flex:1;min-width:0;color:#ededed;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d5-url .d4-copy{margin-left:0}
.d5-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.d5-chips span{padding:3px 8px;border-radius:999px;background:#151516;color:#8a8a8a;font-size:11px;font-weight:620}
.d5-grid{display:grid;gap:16px;min-width:0;grid-template-areas:"params" "code" "resp" "event"}
.d5-params{grid-area:params}.d5-code{grid-area:code}.d5-resp{grid-area:resp}.d5-event{grid-area:event}
.d5-sec{min-width:0}
.d5-sec>h4{display:flex;align-items:center;gap:8px;margin:0 0 2px;color:#6d6d6d;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.d5-sec>h4 span{padding:1px 6px;border-radius:5px;background:#151516;color:#7a7a7a;font:600 10px var(--d4-mono);letter-spacing:0;text-transform:none}
.d5-p,.d5-f{padding:10px 0;border-top:1px solid var(--d4-soft)}
.d5-f{padding-left:calc(var(--d,0) * 14px);position:relative}
.d5-f[style*="--d:1"],.d5-f[style*="--d:2"],.d5-f[style*="--d:3"]{border-top-color:rgba(255,255,255,.03)}
.d5-f[style*="--d:1"]::before,.d5-f[style*="--d:2"]::before,.d5-f[style*="--d:3"]::before{content:"";position:absolute;left:calc(var(--d) * 14px - 9px);top:0;bottom:0;width:1px;background:rgba(242,201,76,.16)}
.d5-f-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.d5-name{appearance:none;padding:0;border:0;background:none;color:#f1f1f1;font:650 12.5px/1.4 var(--d4-mono);cursor:copy;border-bottom:1px dashed transparent}
.d5-name:hover{border-bottom-color:#5a5a5a}
.d5-name.is-copied{color:var(--d4-gold)}
.d5-type{color:#6a6a6a;font:500 11px var(--d4-mono)}
.d5-loc{padding:1px 6px;border-radius:5px;background:#151516;color:#8a8a8a;font:600 10px var(--d4-mono)}
.d5-req{margin-left:auto;color:#646464;font-size:10.5px;font-weight:650}
.d5-req.on{color:#f2c94c}
.d5-p>p,.d5-f>p{margin:4px 0 0;color:#949494;font-size:12.5px;line-height:1.5}
.d5-vals{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.d5-vals>span{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:7px;background:#151516;border:1px solid var(--d4-soft);color:#8f8f8f;font-size:11.5px;line-height:1.35}
.d5-vals code{color:#efefef;font-size:11.5px;font-weight:650}
.d5-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;color:#6f6f6f;font-size:11.5px}
.d5-meta code{color:#bdbdbd;font-size:11.5px}
.d5-note{margin:6px 0 4px;color:#8c8c8c;font-size:12px;line-height:1.55}
.d5-note code{padding:1px 5px;border-radius:5px;background:#151516;color:#d6d6d6;font-size:11px;overflow-wrap:anywhere}
.d5-copy-code{appearance:none;flex:none;width:28px;height:28px;margin-left:4px;padding:0;border:1px solid var(--d4-line);border-radius:7px;background:#151516;color:#8c8c8c;display:grid;place-items:center;cursor:pointer}
.d5-copy-code svg{width:13px;height:13px}
.d5-copy-code:hover{color:#fff;background:#1f1f1f}
.d5-copy-code.is-copied,.d4-copy.is-copied{color:var(--d4-gold);border-color:rgba(242,201,76,.4)}
.d5-code .d4-tabs{position:sticky;top:0;background:#09090a;z-index:1}
.d5-code .d4-pane pre{padding:14px}
.d4-body .d4-desc{margin:12px 0 16px}
@media(min-width:1040px){
  .d5-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"params code" "resp code" "event code";gap:20px 24px;align-items:start}
  .d5-code{position:sticky;top:72px;grid-row:1 / span 3}
}
.d5-base{color:#7a7a7a}
.d5-tabs{display:flex;align-items:center;gap:6px;overflow:visible}
.d5-tabs-scroll{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.d5-tabs-scroll::-webkit-scrollbar{display:none}
.d5-tabs>b{flex:none;margin-left:0}
@media(max-width:759px){
  .d5-base{display:none}
  .d5-tabs>b{display:none}
  .d5-url code{font-size:13px}
}
.d5-tabs .d5-copy-code{display:inline-flex;align-items:center;gap:6px;width:auto;height:28px;padding:0 10px;margin-left:2px;border:1px solid var(--d4-line);border-radius:7px;background:#151516;color:#a8a8a8;font:650 11.5px/1 "Montserrat",Arial,sans-serif}
.d5-tabs .d5-copy-code:hover{color:#fff;background:#1f1f20}
.d5-tabs .d5-copy-code.is-copied{color:var(--d4-gold);border-color:rgba(242,201,76,.4)}
.d5-tabs .d5-copy-code svg{width:13px;height:13px}
@media(max-width:759px){.d5-tabs .d5-copy-code{padding:0 8px}.d5-tabs .d5-copy-code span{display:none}}
/* ================= v7: copy button / home / detail ================= */
button.cp{appearance:none;position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:32px;height:32px;margin:0;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035);color:#b4b4b4;font:650 12px/1 "Montserrat",Arial,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}
button.cp:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
button.cp:active{transform:scale(.96)}
button.cp:focus-visible{outline:2px solid rgba(242,201,76,.6);outline-offset:2px}
button.cp .cp-i{width:16px;height:16px;flex:none}
button.cp .cp-done{display:none}
button.cp.is-copied{color:#4ade80;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08)}
button.cp.is-copied .cp-copy{display:none}
button.cp.is-copied .cp-done{display:block}
button.cp.cp-l{width:auto;padding:0 11px 0 9px}
.d4-tabs button.cp{height:30px;margin-left:2px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035);color:#b4b4b4}
.d4-tabs button.cp:hover{background:rgba(255,255,255,.08);color:#fff}
.d4-tabs button.cp.is-copied{color:#4ade80;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08)}
.d4-connect button.cp{margin-left:auto}
.d5-url button.cp{margin-left:0}
@media(min-width:760px){.d4:not(.d4-home) .d4-connect>div:first-child button.cp{position:absolute;right:12px;top:12px}}
@media(max-width:759px){.d4-tabs button.cp.cp-l{width:30px;padding:0}.d4-tabs button.cp.cp-l .cp-t{display:none}}

/* home */
.h7{gap:22px}
.h7-hero{display:grid;gap:22px;align-items:center}
.h7-copy{display:grid;gap:12px;min-width:0}
.h7-kicker{color:var(--d4-gold);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.h7-copy h1{margin:0;color:#f6f6f6;font-size:32px;font-weight:790;letter-spacing:-.035em;line-height:1.05}
.h7-lead{margin:0;max-width:520px;color:#9b9b9b;font-size:15px;line-height:1.6}
.h7-base{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:6px;padding:7px 7px 7px 14px;border:1px solid var(--d4-line);border-radius:12px;background:var(--d4-card)}
.h7-base>span{color:#777;font-size:12px;font-weight:620}
.h7-base code{min-width:0;color:#f1f1f1;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h7-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 0;padding:0}
.h7-facts li{display:flex;align-items:baseline;gap:7px;color:#7d7d7d;font-size:12.5px}
.h7-facts b{color:#dcdcdc;font:650 12px var(--d4-mono)}
.h7-demo{min-width:0;box-shadow:0 24px 60px -30px rgba(242,201,76,.18)}
.h7-demo .d4-tabs>b{color:#7c7c7c;font:650 11px var(--d4-mono)}
.h7-demo .d4-pane pre{max-height:none}
.h7-paths{display:grid;gap:12px}
.h7-path{appearance:none;display:grid;gap:12px;width:100%;padding:20px;border:1px solid var(--d4-line);border-radius:16px;background:linear-gradient(180deg,#121213,#0d0d0e);color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.h7-path:hover{border-color:rgba(242,201,76,.35);transform:translateY(-1px)}
.h7-path-factory:hover{border-color:rgba(167,139,250,.4)}
.h7-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(242,201,76,.08);border:1px solid rgba(242,201,76,.18);color:var(--d4-gold)}
.h7-path-factory .h7-ic{background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.2);color:#b39dfb}
.h7-ic svg{width:22px;height:22px}
.h7-t{color:#f5f5f5;font-size:19px;font-weight:740;letter-spacing:-.015em}
.h7-d{color:#949494;font-size:13.5px;line-height:1.55}
.h7-steps{list-style:none;counter-reset:h7;display:grid;gap:8px;margin:2px 0 0;padding:14px;border-radius:12px;background:#0b0b0c;border:1px solid var(--d4-soft)}
.h7-steps li{counter-increment:h7;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:#8a8a8a;font-size:12.5px}
.h7-steps li::before{content:counter(h7);width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:#1a1a1b;color:#cfcfcf;font:700 10.5px/1 "Montserrat",Arial,sans-serif}
.h7-steps code{color:#efefef;font-size:12px;font-weight:650}
.h7-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:4px}
.h7-key{display:grid;gap:3px;min-width:0;color:#7a7a7a;font-size:12px;line-height:1.4}
.h7-key b{color:#cfcfcf;font:650 11.5px var(--d4-mono)}
.h7-go{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;background:#f1f1f1;color:#111;font-size:13px;font-weight:720}
.h7-path-bots .h7-go{background:var(--d4-gold)}
.h7-go i{width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
@media(max-width:1039px){
  .h7-hero{display:contents}
  .h7-copy{order:1}.h7-paths{order:2}.h7-demo{order:3}.h7 .d4-notes{order:4}
}
@media(min-width:760px){
  .h7-paths{grid-template-columns:1fr 1fr;gap:16px}
  .h7-copy h1{font-size:40px}
}
@media(min-width:1040px){
  .h7-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;padding:10px 0 6px}
  .h7-copy h1{font-size:46px}
}
@media(max-width:559px){
  .h7-copy h1{font-size:30px}
  .h7-lead{font-size:14px}
  .h7-base code{font-size:13px}
  .h7-path{padding:16px}
  .h7-foot{flex-direction:column;align-items:stretch}
  .h7-go{justify-content:center}
}

/* detail: how to handle + errors */
.d5-how{margin:0 0 16px;padding:14px 16px;border:1px solid rgba(242,201,76,.16);border-radius:12px;background:linear-gradient(180deg,rgba(242,201,76,.045),rgba(242,201,76,.01))}
.d5-how h4{margin:0 0 8px;color:var(--d4-gold);font-size:10.5px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.d5-how ol{list-style:none;counter-reset:hw;display:grid;gap:8px;margin:0;padding:0}
.d5-how li{counter-increment:hw;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;color:#bdbdbd;font-size:13px;line-height:1.55}
.d5-how li::before{content:counter(hw);width:20px;height:20px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:rgba(242,201,76,.12);color:var(--d4-gold);font:750 10.5px/1 "Montserrat",Arial,sans-serif}
.d5-how code{padding:1px 5px;border-radius:5px;background:#181818;color:#f0f0f0;font-size:11.5px;font-weight:600;white-space:nowrap}
.d5-errs{grid-area:errs}
.d5-tip{margin:6px 0 4px;padding:8px 10px;border-radius:9px;background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.16);color:#a8d8b5;font-size:12.5px;line-height:1.5}
.d5-err{display:grid;grid-template-columns:44px minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:4px 10px;padding:9px 0;border-top:1px solid var(--d4-soft)}
.d5-st{justify-self:start;padding:2px 6px;border-radius:5px;font:700 11px var(--d4-mono)}
.d5-st-4{background:rgba(242,201,76,.1);color:var(--d4-gold)}
.d5-st-5{background:rgba(239,98,117,.12);color:#ef8191}
.d5-err code{color:#ededed;font-size:12px;font-weight:650}
.d5-err span{color:#8f8f8f;font-size:12.5px;line-height:1.45}
@media(max-width:559px){.d5-err{grid-template-columns:44px minmax(0,1fr)}.d5-err span{grid-column:2}}
.d5-grid{grid-template-areas:"params" "code" "resp" "event" "errs"}
@media(min-width:1040px){
  .d5-grid{grid-template-areas:"params code" "resp code" "event code" "errs code"}
  .d5-code{grid-row:1 / span 4}
}
.h7-demo.d5-code{grid-area:auto!important;grid-row:auto!important;grid-column:auto!important;position:relative!important;top:auto!important}
.h7-steps li{display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:center}
@media(max-width:559px){.h7-steps li{grid-template-columns:20px minmax(0,1fr);gap:2px 10px}.h7-steps li span{grid-column:2}}
.d5-how li>span{min-width:0}
/* v8: home icons inline, yellow, no boxes; compact errors */
.h7-head{display:flex;align-items:center;gap:10px}
.h7-path .h7-ic,.h7-path-factory .h7-ic{width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--d4-gold)}
.h7-path .h7-ic svg{width:24px;height:24px;display:block}
.d4-note-help .d4-note-ic{color:var(--d4-gold)}
.d5-err-list{display:grid}
.d5-err{grid-template-columns:40px minmax(0,auto) minmax(0,1fr);gap:2px 10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.035)}
.d5-err:first-child{border-top:0}
.d5-err code{font-size:11.5px}
.d5-err span{font-size:12px;color:#888}
.d5-st{font-size:10.5px;padding:2px 5px}
.d5-errs .d5-tip{margin:6px 0 6px;padding:6px 10px;font-size:12px}
.d5-err-more{margin:6px 0 0;color:#6f6f6f;font-size:11.5px}
.d5-err-more code{padding:1px 5px;border-radius:5px;background:#151516;color:#bdbdbd;font-size:11px}
.d5-link{appearance:none;padding:0;border:0;background:none;color:var(--d4-gold);font:inherit;font-weight:650;cursor:pointer}
.d5-link:hover{text-decoration:underline}
@media(max-width:559px){.d5-err{grid-template-columns:40px minmax(0,1fr)}.d5-err span{grid-column:2}}
@media(min-width:760px){.h7-d{min-height:calc(1.55em * 2)}}
/* ================= v9 home: soft, no nested boxes ================= */
.h9{gap:20px}
.h9-info{order:0;display:grid;gap:12px}
.h9-card{display:grid;gap:8px;margin:0;padding:16px 18px;border:1px solid rgba(255,255,255,.045);border-radius:16px;background:rgba(255,255,255,.022)}
.h9-card-head{display:flex;align-items:center;gap:10px}
.h9-card-head b{color:#f1f1f1;font-size:14.5px;font-weight:700}
.h9-ic{flex:none;width:20px;height:20px;color:var(--d4-gold)}
.h9-card p{margin:0;color:#9c9c9c;font-size:13px;line-height:1.55}
.h9-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:2px}
.h9-links a{display:inline-flex;align-items:center;gap:5px;color:var(--d4-gold);font-size:13px;font-weight:650;text-decoration:underline;text-decoration-color:rgba(242,201,76,.4);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .15s}
.h9-links a:hover{text-decoration-color:var(--d4-gold)}
.h9-links a svg{width:13px;height:13px;flex:none}
.h9-hero{padding:4px 0 0}
.h9-lead{margin:0;max-width:560px;color:#c4c4c4;font-size:17px;line-height:1.6;letter-spacing:-.005em}
.h9-base{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.h9-base>span{color:#777;font-size:12.5px;font-weight:620}
.h9-base code{color:#f3f3f3;font-size:15px;font-weight:650}
.h9 button.cp{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.h9 .h7-demo{border-color:rgba(255,255,255,.05);background:#0c0c0d;box-shadow:none}
.h9 .h7-demo .d4-tabs{border-bottom-color:rgba(255,255,255,.04)}
.h9 .h7-path{border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.022);border-radius:18px}
.h9 .h7-path:hover{border-color:rgba(242,201,76,.22);transform:none;background:rgba(255,255,255,.03)}
.h9 .h7-path-factory:hover{border-color:rgba(242,201,76,.22)}
.h9 .h7-steps{padding:0;border:0;background:none;gap:9px;margin-top:4px}
.h9 .h7-steps li::before{background:rgba(242,201,76,.1);color:var(--d4-gold)}
.h9 .h7-foot{padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}
@media(max-width:1039px){.h9 .h7-copy{order:1}.h9 .h7-paths{order:2}.h9 .h7-demo{order:3}}
@media(min-width:760px){.h9-info{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.h9-hero{align-items:center}.h9-lead{font-size:19px}}
@media(max-width:559px){.h9-lead{font-size:15.5px}.h9-base code{font-size:14px}.h9-card{padding:14px 16px}}
.h9-card{align-content:start}
/* no visible scrollbars inside the docs (scrolling still works) */
body.mgram-api-docs-page pre,body.mgram-api-docs-page .d4-pane,body.mgram-api-docs-page .d4-tabs,body.mgram-api-docs-page .d5-tabs-scroll,body.mgram-api-docs-page .api-code-wrap,body.mgram-api-docs-page code{scrollbar-width:none;-ms-overflow-style:none}
body.mgram-api-docs-page pre::-webkit-scrollbar,body.mgram-api-docs-page .d4-pane::-webkit-scrollbar,body.mgram-api-docs-page .d4-tabs::-webkit-scrollbar,body.mgram-api-docs-page .d5-tabs-scroll::-webkit-scrollbar,body.mgram-api-docs-page .api-code-wrap::-webkit-scrollbar,body.mgram-api-docs-page code::-webkit-scrollbar{display:none;width:0;height:0}
/* v13: leaner detail */
.d5-chips span{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:650;border:1px solid transparent}
.d5-chips .d5-chip-key{background:rgba(242,201,76,.08);border-color:rgba(242,201,76,.18);color:#e9c75a}
.d5-chips .d5-chip-fmt{background:rgba(124,179,255,.08);border-color:rgba(124,179,255,.18);color:#8fbcff}
.d5-req{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:650;border:1px solid transparent}
.d5-req.on{background:rgba(242,201,76,.1);border-color:rgba(242,201,76,.22);color:#f2c94c}
.d5-req.off{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.06);color:#8a8a8a}
.d5-p>p{margin-top:5px}
.d5-errs>h4{justify-content:flex-start}
.d5-errs>h4 .d5-link{margin-left:auto;font-size:11px;letter-spacing:0;text-transform:none}
.d5-fold{border-top:1px solid var(--d4-soft);padding-top:2px}
.d5-fold>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 0;color:#9a9a9a;font-size:12.5px;font-weight:650;cursor:pointer}
.d5-fold>summary::-webkit-details-marker{display:none}
.d5-fold>summary:hover{color:#e6e6e6}
.d5-fold>summary b{padding:1px 7px;border-radius:999px;background:#171718;color:#8a8a8a;font-size:11px;font-weight:700}
.d5-fold>summary .d4-caret{margin-left:2px;display:inline-block}
.d5-fold[open]>summary .d4-caret{transform:rotate(225deg) translate(-2px,0)}
.d5-fold>.d5-note{margin-top:0}
.d5-grid{grid-template-areas:"params" "code" "errs" "resp" "event"}
@media(min-width:1040px){
  .d5-grid{grid-template-areas:"params code" "errs code" "resp resp" "event event"}
  .d5-code{grid-row:1 / span 2}
}
.d4-m[open] .d5-fold:not([open])>summary .d4-caret{transform:rotate(45deg) translateY(-2px)}.d4-m[open] .d5-fold[open]>summary .d4-caret{transform:rotate(225deg) translate(-2px,0)}

/* ───────── v2 2026-10-23: the docs on the unified site shell (site.css .sh--app + .sm--side; DESIGN-SYSTEM.md) ─────────
   body.sa: the bar spans the viewport, the left menu (the Knowledge Base's) sits under it from 1100px, the content
   column is the KB's (1120 px max). The look of the blocks follows the KB: #111 cards with the faint inset edge,
   r16, gold = the accent; code on #0d0d0d. */
body.mgram-api-docs-page.sa{
  --stats-bg:#090909;--stats-surface:#111;--stats-surface-2:#151515;--stats-surface-3:#1b1b1b;
  --stats-line:rgba(255,255,255,.065);--stats-line-strong:rgba(255,255,255,.11);
  --stats-text:#f3f3f5;--stats-muted:#a3a3a8;--stats-dim:#6f6f75;--stats-radius:16px;--stats-radius-sm:14px;
  margin:0;min-width:320px;background:var(--bg);color:var(--t1);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%
}
body.sa ::selection{background:rgba(242,201,76,.28);color:#fff}
.sa-main{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--sh-h)}
.sa-main:focus{outline:none}
body.sa .mgram-v2-content-inner{flex:1;width:min(calc(100% - 64px),1120px);margin:0 auto;padding:28px 0 64px;min-width:0}
body.sa .app-shell,body.sa .stats-app-shell{display:block;margin:0;padding:0;max-width:none;background:none}
body.sa .mgram-v2-content .api-docs-shell,body.sa .api-docs-shell{display:grid;gap:14px;padding:0}
body.sa .sa-site{display:block}
@media(min-width:1100px){body.sa{padding-left:var(--side)}}
@media(min-width:1360px){body.sa .sa-site{display:none}}  /* from 1360px the bar shows the site's sections */
body.sa .sa-site{margin-top:10px;padding-top:2px;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:640px){
  body.sa .mgram-v2-content-inner{width:calc(100% - 32px);padding:18px 0 44px}
}
/* page head of the overview (eyebrow + title, the KB's) */
.sa-head{margin:0 0 2px}
.sa-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--t3);font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.sa-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.sa-head h1{margin:14px 0 0;color:var(--t1);font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.03em;font-weight:700}
/* overview: head, lead + live example, the two paths, then the notes (phones: lead, paths, example, notes) */
body.sa .sa-head{order:-1}
body.sa .h9-info{order:9}
body.sa .h9-lead{max-width:600px;color:var(--t2);font-size:var(--fs-lead);line-height:1.6;letter-spacing:0}
@media(min-width:1040px){body.sa .h9-lead{font-size:17.5px}body.sa .h7-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;padding:4px 0 8px}}
body.sa .h7-path,body.sa.h9 .h7-path,body.sa .h9 .h7-path{border:0;border-radius:16px;background:var(--s1);box-shadow:var(--edge);transition:background-color .18s,box-shadow .18s,transform .25s var(--ease)}
body.sa .h7-path:hover,body.sa .h9 .h7-path:hover,body.sa .h9 .h7-path-factory:hover{background:#141414;box-shadow:var(--edge-hi);border:0;transform:translateY(-2px)}
body.sa .h7-path .h7-ic,body.sa .h7-path-factory .h7-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1a1a1a;color:#e9e9ec;transition:color .18s}
body.sa .h7-path .h7-ic svg{width:20px;height:20px}
body.sa .h7-path:hover .h7-ic{color:var(--accent)}
body.sa .h7-t{color:var(--t1);font-size:17px;font-weight:650;letter-spacing:-.01em}
body.sa .h7-go,body.sa .h7-path-bots .h7-go{height:38px;padding:0 14px;border-radius:12px;background:#171717;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--t1);font-weight:650;transition:background-color .15s,color .15s,box-shadow .15s}
body.sa .h7-path:hover .h7-go{background:var(--accent);box-shadow:none;color:#111}
body.sa .h9-card{border:0;border-radius:16px;background:var(--s1);box-shadow:var(--edge)}
/* the screens' heads: the KB page title */
body.sa .d4-head h1,body.sa .doc-head h1{color:var(--t1);font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.03em;font-weight:700}
body.sa .d4-head p,body.sa .doc-lead{color:var(--t2);font-size:var(--fs-lead);line-height:1.55}
body.sa .sa-main.mgram-v2-content{padding-left:0!important;padding-right:0!important}
@media(min-width:1040px){body.sa .h9-hero{align-items:start}body.sa .h9-lead{padding-top:2px}}
body.sa .doc-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--t3);font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
body.sa .doc-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
/* v2.1 (owner): tasks for subscribers and Показы first, two blocks of equal weight; bot factories lower and quieter */
body.sa .sa-demo .d4-tabs{justify-content:space-between}
body.sa .sa-demo-cap{display:flex;align-items:baseline;gap:8px;padding:12px 16px 0;color:var(--t3);font-size:11.5px;font-weight:650}
body.sa .sa-demo-cap b{color:var(--t2);font:600 12px var(--mono)}
body.sa .sa-demo-cap+.api-code-wrap pre{padding-top:8px}
body.sa .sa-products{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sa .sa-start{color:var(--t3);font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
body.sa .h7-path-shows:hover{border:0}
body.sa .sa-factory{order:8;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;margin-top:10px;padding:20px 0 4px;border-top:1px solid rgba(255,255,255,.06)}
body.sa .sa-factory-main{display:flex;gap:14px;align-items:flex-start;min-width:0}
body.sa .sa-factory-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#151515;color:var(--t2)}
body.sa .sa-factory-ic svg{width:18px;height:18px}
body.sa .sa-factory h2{margin:4px 0 0;color:var(--t1);font-size:16px;font-weight:650;letter-spacing:-.01em}
body.sa .sa-factory h2 small{margin-left:6px;color:var(--t3);font-size:12px;font-weight:600}
body.sa .sa-factory p{margin:6px 0 0;color:var(--t2);font-size:13.5px;line-height:1.55}
body.sa .sa-factory-steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none}
body.sa .sa-factory-steps li{display:inline-flex;align-items:baseline;gap:7px;color:var(--t3);font-size:12.5px}
body.sa .sa-factory-steps code{color:var(--t2);font:600 12px var(--mono)}
body.sa .sa-factory-key{min-width:0;padding-top:4px}
body.sa .sa-factory-key b{color:var(--t2);font-size:13px;font-weight:650}
body.sa .sa-factory-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px}
body.sa .sa-factory-links a{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:13px;font-weight:650;text-decoration:underline;text-decoration-color:rgba(242,201,76,.35);text-underline-offset:3px}
body.sa .sa-factory-links a svg{width:13px;height:13px}
body.sa .sa-factory-go{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;border:0;border-radius:11px;background:#171717;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:var(--t1);font:650 12.5px var(--font);cursor:pointer;transition:background-color .15s,box-shadow .15s}
body.sa .sa-factory-go:hover{background:#1c1c1c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
body.sa .sa-factory-go i{width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
body.sa .sa-help{order:9;grid-template-columns:minmax(0,1fr)}
body.sa .sa-help .h9-card{max-width:560px}
body.sa .sm-row>small{font-size:11px}
@media(max-width:900px){body.sa .sa-products{grid-template-columns:minmax(0,1fr)}body.sa .sa-factory{grid-template-columns:minmax(0,1fr);gap:14px}}
@media(max-width:1039px){body.sa .h9 .sa-products{order:2}body.sa .h9 .h7-demo{order:3}}
body.sa .sa-demo .api-code-wrap pre{padding-bottom:12px}
@media(min-width:1040px){body.sa .sa-head{margin-bottom:-6px}body.sa .h7-hero{padding-top:0}}