/* v71.20 - tabs remain anchored beneath the panel heading as layouts scroll.
   The scrolling element is #quick-sidebar, not #panel. */
@media (min-width:901px) {
  #quick-sidebar {
    overflow-y:auto !important;
    overflow-x:hidden !important;
    position:relative !important;
    overscroll-behavior-y:contain !important;
  }
  #quick-sidebar > .side-title {
    position:sticky !important;
    top:0 !important;
    z-index:32 !important;
    min-height:48px !important;
    margin:0 !important;
    padding:10px 12px !important;
    background:var(--surface,#fff) !important;
    border-bottom:1px solid var(--line,#e1e7f2) !important;
  }
  /* Any non-visible overflow on this ancestor defeats position:sticky. */
  #quick-sidebar > #panel {
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    width:100% !important;
    min-width:0 !important;
    position:static !important;
    padding-top:8px !important;
  }
  #quick-sidebar #panel > .creative-tabs,
  #quick-sidebar #panel > .studio-tabs {
    position:sticky !important;
    top:48px !important;
    z-index:31 !important;
    margin:0 0 10px !important;
    width:100% !important;
    background:rgba(247,249,255,.98) !important;
    box-shadow:0 7px 20px rgba(22,40,86,.14) !important;
    isolation:isolate !important;
  }
  html[data-theme="dark"] #quick-sidebar > .side-title {
    background:#202f49 !important;border-color:#425370 !important;
  }
  html[data-theme="dark"] #quick-sidebar #panel > .creative-tabs,
  html[data-theme="dark"] #quick-sidebar #panel > .studio-tabs {
    background:rgba(28,44,70,.98) !important;
  }
}
/* Mobile retains its existing bottom-sheet scroll and native tab behavior. */
