/* Desktop overlays use their own available width, independent of full-page layouts. */
@media (min-width:1000px) {
  /* Help menus and articles keep their own scroll positions with quiet MEIAI rails. */
  html:not(.meiai-native) body.single .ds-workspace {
    --ds-scroll-thumb:#b8a3b9;
    --ds-scroll-start:#deb8c5;
    --ds-scroll-middle:#c5b9ce;
    --ds-scroll-end:#a2cbd3;
  }
  html[data-theme=dark]:not(.meiai-native) body.single .ds-workspace {
    --ds-scroll-thumb:#9d8faa;
    --ds-scroll-start:#b68b9f;
    --ds-scroll-middle:#9a8eae;
    --ds-scroll-end:#79a8b5;
  }
  html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar) {
    scrollbar-width:thin;
    scrollbar-color:var(--ds-scroll-thumb) transparent;
    scrollbar-gutter:stable;
  }
  html:not(.meiai-native) body.single .ds-workspace .ds-sidebar {
    scrollbar-color:transparent transparent;
    overscroll-behavior:contain;
  }
  html:not(.meiai-native) body.single .ds-workspace .ds-sidebar:is(:hover,:focus-within) {
    scrollbar-color:var(--ds-scroll-thumb) transparent;
  }
  @supports selector(::-webkit-scrollbar) {
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar),
    html:not(.meiai-native) body.single .ds-workspace .ds-sidebar:is(:hover,:focus-within) {
      scrollbar-width:auto;
      scrollbar-color:auto;
    }
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar)::-webkit-scrollbar {
      width:10px;
      height:10px;
    }
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar)::-webkit-scrollbar-track {
      background:transparent;
      margin-block:14px;
    }
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar)::-webkit-scrollbar-thumb {
      min-height:48px;
      border:2px solid transparent;
      border-radius:999px;
      background:linear-gradient(180deg,var(--ds-scroll-start),var(--ds-scroll-middle) 52%,var(--ds-scroll-end)) padding-box;
    }
    html:not(.meiai-native) body.single .ds-workspace .ds-sidebar::-webkit-scrollbar-thumb {
      background:transparent;
    }
    html:not(.meiai-native) body.single .ds-workspace .ds-sidebar:is(:hover,:focus-within)::-webkit-scrollbar-thumb {
      background:linear-gradient(180deg,var(--ds-scroll-start),var(--ds-scroll-middle) 52%,var(--ds-scroll-end)) padding-box;
    }
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar)::-webkit-scrollbar-button {
      display:none;
      width:0;
      height:0;
    }
  }
  @media (forced-colors:active) {
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar) {
      scrollbar-color:auto;
    }
    html:not(.meiai-native) body.single .ds-workspace :is(.ds-content,.ds-sidebar)::-webkit-scrollbar-thumb {
      background:CanvasText;
    }
    html:not(.meiai-native) body.single .ds-workspace .ds-sidebar:is(:hover,:focus-within)::-webkit-scrollbar-thumb {
      background:CanvasText;
    }
  }
  html:not(.meiai-native) :is(.dn-drawer,.b7-buy-sheet) [hidden] {
    display:none!important;
  }
  html:not(.meiai-native) body.single .dn-drawer[data-panel=account] :is(#mypage,#mypage_guest)>.screen-main {
    display:block;
    min-width:0;
    overflow:auto;
  }
  html:not(.meiai-native) body.single .dn-drawer[data-panel=account] :is(#mypage,#mypage_guest) .ah-dashboard {
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:none;
    height:auto!important;
    min-height:0;
    box-sizing:border-box;
    overflow:visible!important;
  }
  html:not(.meiai-native) body.single .dn-drawer[data-panel=account] :is(#mypage,#mypage_guest)>.screen-main>.me-shop-links {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    margin:0 16px 16px;
    width:auto;
    min-width:0;
  }
  html:not(.meiai-native) body.single .dn-drawer[data-panel=account] .me-shop-links>a {
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-width:0;
    min-height:44px;
    padding:12px 14px;
    border-radius:12px;
    font-size:12px;
    line-height:1.6;
    overflow-wrap:anywhere;
  }
  html:not(.meiai-native) .b7-buy-sheet {
    --b7-sheet-max-height:min(760px,calc(100dvh - 48px))!important;
  }
  html:not(.meiai-native) .b7-buy-sheet .b7-buy-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    height:auto;
    min-height:52px;
    padding:4px 12px 4px 18px;
    box-sizing:border-box;
  }
  html:not(.meiai-native) .b7-buy-sheet .b7-buy-header h2 {
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip-path:none;
    font-size:14px;
    line-height:1.5;
    color:var(--md-ink,#3a3d42);
  }
  html:not(.meiai-native) .b7-buy-sheet .b7-buy-header .b7-buy-close {
    position:static;
    flex:none;
    width:44px;
    height:44px;
    padding:0;
    color:var(--md-ink,#3a3d42)!important;
    background:var(--md-soft,#faf9fc);
    border:1px solid var(--md-line,#ece8f0);
    border-radius:50%;
    line-height:1;
  }
}