/* v1.1.3-sticky frontend */
.dpe-docs{display:flex;gap:24px;align-items:flex-start;}
/* Sidebar */
.dpe-sidebar{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px;--dpe-sb-pad-left:12px;--dpe-sb-pad-right:12px;--dpe-sb-pad-top:12px;--dpe-sb-pad-bottom:12px;--dpe-sticky-top:90px;}
.dpe-heading{display:block;font-weight:700;padding:10px 12px;border-radius:8px;}
.dpe-sidebar.dpe-heading-full .dpe-heading{margin-left:calc(-1*var(--dpe-sb-pad-left,12px));margin-right:calc(-1*var(--dpe-sb-pad-right,12px));border-radius:0;}
.dpe-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;line-height:1.35;transition:background .15s,color .15s;}
.dpe-item:hover{background:rgba(0,0,0,.04);} .dpe-item.active{background:rgba(0,0,0,.08);font-weight:600;}
.dpe-item .dpe-icon{display:inline-flex;line-height:0;} .dpe-item .dpe-icon svg{width:1em;height:1em;fill:currentColor;stroke:currentColor;}
.dpe-item.icon-before .dpe-icon{margin-right:8px;} .dpe-item.icon-after .dpe-icon{margin-left:8px;}
.dpe-item .dpe-icon-active{display:none;} .dpe-item.active .dpe-icon-normal{display:none;} .dpe-item.active .dpe-icon-active{display:inline-flex;}
/* Sticky */
.dpe-sidebar.dpe-sticky{position:sticky;top:var(--dpe-sticky-top);align-self:flex-start; overflow:auto;}
.dpe-docs{overflow:visible!important;}
/* Content */
.dpe-content{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:18px 22px;min-height:200px;flex:1 1 auto;overflow-x:hidden;}
.dpe-pane{display:none;animation:dpeFade .18s ease;} .dpe-pane.active{display:block;} .dpe-content .dpe-pane:first-child{display:block;}
/* Force 100% width images */
.dpe-content .dpe-pane figure,.dpe-content .dpe-pane .wp-caption,.dpe-content .dpe-pane .wp-block-image{width:100%!important;max-width:100%!important;}
.dpe-content .dpe-pane img{display:block;max-width:100%!important;height:auto!important;}
.dpe-content .dpe-pane .alignleft,.dpe-content .dpe-pane .alignright,.dpe-content .dpe-pane .aligncenter,.dpe-content .dpe-pane .alignwide,.dpe-content .dpe-pane .alignfull{float:none!important;margin:0 0 1em 0!important;width:100%!important;max-width:100%!important;}
.dpe-content .dpe-pane p>img{max-width:100%!important;height:auto!important;}
@keyframes dpeFade{from{opacity:0}to{opacity:1}}
@media(max-width:767px){.dpe-docs{flex-direction:column;}.dpe-sidebar{max-width:100%!important;width:100%;}}


/* Keep emojis text-sized, not full-width images */
.dpe-content .dpe-pane img.emoji,
.dpe-content .dpe-pane img.wp-smiley{
  display:inline !important;
  width:1em !important;
  height:1em !important;
  max-width:none !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
  padding:0 !important;
  margin:0 .07em !important;
  vertical-align:-0.1em !important;
}