/* Shared scrollbar treatment, scoped to the independent Aeren page. */
:root { --aeren-scroll-thumb: rgb(255 255 255 / 36%); }
:root, :root * { scrollbar-width: thin; scrollbar-color: var(--aeren-scroll-thumb) transparent; }

/* Use an exact narrow width where scrollbar pseudo-elements are supported. */
@supports selector(::-webkit-scrollbar) {
  :root, :root * { scrollbar-width: auto; scrollbar-color: auto; }
  ::-webkit-scrollbar { width: 4px; height: 4px; background: transparent; }
  ::-webkit-scrollbar-track { background: transparent; border: 0; box-shadow: none; }
  ::-webkit-scrollbar-thumb { background: var(--aeren-scroll-thumb); border: 0; border-radius: 4px; box-shadow: none; }
  ::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  ::-webkit-scrollbar-corner { background: transparent; }
  :root.aeren-mobile-scroll .story-scrollport::-webkit-scrollbar { display: block; }
}

/* Preserve overflow access without a bar inside reviews or the chat log. */
:root .review-panel, :root .assistant-log { scrollbar-width: none; }
:root .review-panel::-webkit-scrollbar, :root .assistant-log::-webkit-scrollbar { display: none; width: 0; height: 0; }
:root .contact-panel, :root .selling-content, :root .sheet-content { scrollbar-width: none; }
:root .contact-panel::-webkit-scrollbar, :root .selling-content::-webkit-scrollbar, :root .sheet-content::-webkit-scrollbar { display: none; width: 0; height: 0; }