/* Keep every public page locked to the visual viewport on narrow screens. */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
}
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
  overflow-x:clip;
}

body.webpick-page,
body.webpick-content-page,
body.webpick-tools-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:0!important;
  background:#090b10!important;
}

body.webpick-page #page,
body.webpick-page .site-content,
body.webpick-page .content-area,
body.webpick-page .site-main,
body.webpick-page .wpick-header,
body.webpick-page .wpick-main,
body.webpick-page .wpick-footer,
body.webpick-page .wpick-shell{
  min-width:0!important;
  max-width:100%!important;
}

body.webpick-page .wpick-shell{
  width:min(var(--wp-shell,1180px),calc(100% - 40px))!important;
}

body.webpick-page :is(img,video,canvas,iframe,svg){max-width:100%}
body.webpick-page :is(.wpick-grid,.wpick-tool-grid,.wpick-native-grid,.wpick-guide-grid,.wpick-legacy-grid) > *{min-width:0}

@media(max-width:680px){
  body.webpick-page .wpick-shell{
    width:calc(100% - 28px)!important;
  }
  body.webpick-page .wpick-nav{
    max-width:calc(100% - 28px)!important;
  }
  body.webpick-page .wpick-nav nav{
    max-width:calc(100% - 28px);
  }
}

@media(max-width:768px){
  body #page,
  body .site-content,
  body .content-area,
  body .site-main,
  body .inside-article,
  body .entry-content{
    min-width:0;
    max-width:100%;
  }
  body :is(input,select,textarea,button){max-width:100%}
}

/* Replace the theme's single-purpose back-to-top link with one compact control. */
body .generate-back-to-top{display:none!important}
.wpick-scroll-control{
  position:fixed;
  z-index:99999;
  right:max(14px,env(safe-area-inset-right));
  bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));
  display:grid;
  width:46px;
  padding:4px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(14,19,26,.92);
  box-shadow:0 12px 32px rgba(0,0,0,.32);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.wpick-scroll-control span{
  display:block;
  height:1px;
  margin:1px 7px;
  background:rgba(255,255,255,.13);
}
.wpick-scroll-control button{
  display:grid;
  width:36px;
  height:36px;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  place-items:center;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#f5f7fb;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,opacity .16s ease;
}
.wpick-scroll-control button:hover,
.wpick-scroll-control button:focus-visible{
  background:rgba(184,255,61,.13);
  color:#b8ff3d;
}
.wpick-scroll-control button:focus-visible{
  outline:2px solid #b8ff3d;
  outline-offset:1px;
}
.wpick-scroll-control button:disabled{
  opacity:.28;
  cursor:default;
  background:transparent;
  color:#f5f7fb;
}
.wpick-scroll-control svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(prefers-reduced-motion:reduce){.wpick-scroll-control button{transition:none}}