.doc-mobile-pages{display:none}
@media(max-width:820px){
  .doc-sidebar{display:none}
  .doc-mobile-pages{display:block;margin:0 0 28px;border:1px solid #dbe3ee;border-radius:6px;background:#fff}
  .doc-mobile-pages summary{padding:13px 15px;cursor:pointer;color:#143c78;font-size:13px;font-weight:700}
  .doc-mobile-pages nav{display:flex;flex-direction:column;padding:0 12px 13px}
  .doc-mobile-pages .doc-nav-heading{margin:14px 0 4px}
  .doc-mobile-pages a{font-size:13px}
  
  .mcp-picker-head{padding:25px 25px 27px}
  .mcp-client-tab{min-height:118px}
  .mcp-client-panel{padding:23px 25px 26px}
  .mcp-picker-foot{padding:23px 25px 25px}
}
@media(max-width:540px){
  .mcp-picker{border-radius:6px}
  .mcp-picker-head{display:block;padding:23px 20px}
  .doc-article .mcp-picker-head h2{font-size:25px}
  .doc-article .mcp-picker-head p{font-size:14px}
  .doc-article .mcp-picker-head a{display:inline-block;margin-top:14px;font-size:13px}
  .mcp-client-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mcp-client-tab:nth-child(2){border-right:0}
  .mcp-client-tab:nth-child(-n+2){border-bottom:1px solid #31578a}
  .mcp-client-tab{min-height:112px}
  .mcp-client-tab img{width:33px;height:33px;margin-bottom:2px}
  .mcp-client-tab strong{font-size:14px}
  .mcp-client-tab small{font-size:11px}
  .mcp-client-panel{padding:19px 20px 22px}
  .doc-article .mcp-client-panel .mcp-client-intro{font-size:14px}
  .mcp-command-row{gap:7px;padding:9px 11px}
  .mcp-command-row pre{font-size:11px}
  .mcp-command-row .copy-code{padding-left:22px;font-size:12px}
  .mcp-command-row .copy-code:before{left:1px}
  .mcp-command-row .copy-code:after{left:5px}
  .mcp-picker-foot{padding:18px 20px 22px}
  .doc-article .mcp-picker-foot p{font-size:14px}
  .mcp-picker-foot .mcp-command-row pre{font-size:11px}
  /* The longer name: a smaller wordmark and a nav that never wraps, so the header stays one row on 320px phones. */
  .doc-header-inner{gap:12px;padding:0 14px}
  .doc-brand img{width:28px;height:28px}
  .doc-brand span{font-size:22px}
  .doc-header nav{gap:12px;white-space:nowrap}
  .try-link{padding:10px 12px}
}
