/* B!RANDED! 9.17.0E — touch-first documentation navigation and reading flow. */
.documentation-mobile-toggle-v9170e{display:none}
@media(max-width:900px){
  html:has(.documentation-workspace-v9121),
  body:has(.documentation-workspace-v9121){
    width:100%;
    min-height:100%;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y pinch-zoom;
  }
  body:has(.documentation-workspace-v9121)>main.page-shell{
    width:calc(100% - 12px)!important;
    max-width:100%!important;
    margin:8px auto 30px!important;
    padding:0!important;
    overflow:visible!important;
    touch-action:pan-y pinch-zoom;
  }
  .documentation-workspace-v9121,
  .documentation-layout-v9121,
  .documentation-content-v9121{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y pinch-zoom;
  }
  .documentation-workspace-v9121>.reader-hero,
  .documentation-workspace-v9121>.policy-hero-v904{
    min-width:0!important;
    overflow:visible!important;
  }
  .documentation-nav-v9121{
    position:sticky!important;
    top:calc(var(--header) + 6px)!important;
    z-index:3900!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0 0 12px!important;
    padding:7px!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    border-color:rgba(73,217,255,.30)!important;
    background:rgba(8,13,21,.96)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    touch-action:pan-y pinch-zoom;
  }
  .documentation-mobile-toggle-v9170e{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:48px;
    margin:0;
    padding:10px 12px;
    border:1px solid rgba(212,170,44,.42);
    border-radius:11px;
    background:linear-gradient(145deg,rgba(25,34,48,.98),rgba(11,17,26,.98));
    color:#fff;
    text-align:left;
    box-shadow:none;
    touch-action:manipulation;
  }
  .documentation-mobile-toggle-v9170e>span{display:grid;gap:2px;min-width:0}
  .documentation-mobile-toggle-v9170e strong{font-size:13px;line-height:1.2;color:#fff}
  .documentation-mobile-toggle-v9170e small{font-size:10px;line-height:1.25;color:#9eacbd;font-weight:700}
  .documentation-mobile-toggle-v9170e b{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:999px;
    background:rgba(73,217,255,.10);
    color:#83e9ff;
    font-size:17px;
    transition:transform .18s ease;
  }
  .documentation-nav-v9121.mobile-open-v9170e .documentation-mobile-toggle-v9170e b{transform:rotate(180deg)}
  .documentation-nav-v9121:not(.mobile-open-v9170e)>:not(.documentation-mobile-toggle-v9170e){display:none!important}
  .documentation-nav-v9121.mobile-open-v9170e{
    max-height:min(72dvh,660px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y pinch-zoom;
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  }
  .documentation-nav-v9121.mobile-open-v9170e>.eyebrow,
  .documentation-nav-v9121.mobile-open-v9170e>h2{display:block!important;margin-left:4px;margin-right:4px}
  .documentation-nav-v9121 .documentation-switcher-v9121{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin:10px 0!important;
    padding:8px!important;
    overflow:visible!important;
  }
  .documentation-nav-v9121 nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:8px 0 0!important;
    overflow:visible!important;
    touch-action:pan-y pinch-zoom;
  }
  .documentation-nav-v9121 nav a{
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    padding:10px 11px!important;
    background:rgba(255,255,255,.035)!important;
  }
  .documentation-content-v9121{
    display:grid!important;
    gap:12px!important;
    padding:0 0 calc(96px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-top:calc(var(--header) + 76px)!important;
  }
  .documentation-content-v9121>.doc-card,
  .documentation-content-v9121>.policy-section-v785{
    min-width:0!important;
    scroll-margin-top:calc(var(--header) + 76px)!important;
    overflow-wrap:anywhere;
  }
  .documentation-content-v9121 img,
  .documentation-content-v9121 video,
  .documentation-content-v9121 iframe{max-width:100%!important;height:auto}
  .documentation-content-v9121 pre,
  .documentation-content-v9121 code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
  .documentation-content-v9121 table{width:100%!important;max-width:100%!important;min-width:0!important}
  .documentation-content-v9121 .table-wrap,
  .documentation-content-v9121 .email-preview-v904,
  .documentation-content-v9121 .dashboard-demo-v788{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:420px){
  .documentation-nav-v9121 .documentation-switcher-v9121{grid-template-columns:1fr!important}
  .documentation-mobile-toggle-v9170e{padding:9px 10px}
  .documentation-content-v9121>.doc-card,
  .documentation-content-v9121>.policy-section-v785{padding:17px!important}
}


/* 9.19.0D: cards must expand to their complete content on touch layouts. */
@media(max-width:900px){
  .documentation-content-v9121>.doc-card,
  .documentation-content-v9121>.policy-section-v785{
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
}

/* 9.19.0E: policy pages return to the single page scroller below the desktop reader breakpoint. */
@media(max-width:900px){
  .policy-content-v904.documentation-content-v9121{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
