/* Overflowing copy keeps native wheel, keyboard and touch behaviour. Only its
   scrollbar paint changes: a fine track and a square white progress stroke. */
:is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption){
 scrollbar-width:thin;scrollbar-color:#fff #ffffff24;
}
/* Chromium/Safari: opting out of the standard width lets these rules remove
   the platform arrow buttons too. Firefox retains the thin native fallback. */
@supports selector(::-webkit-scrollbar){
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption){scrollbar-width:auto;scrollbar-color:auto}
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption)::-webkit-scrollbar{width:5px;height:5px;background:transparent}
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption)::-webkit-scrollbar-track{background:linear-gradient(to right,transparent 2px,#ffffff30 2px,#ffffff30 3px,transparent 3px);border:0;border-radius:0;box-shadow:none}
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption)::-webkit-scrollbar-thumb{background:#fff;border:0;border-radius:0;box-shadow:none;min-height:24px}
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption)::-webkit-scrollbar-button{display:none;width:0;height:0;background:transparent}
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption)::-webkit-scrollbar-corner{background:transparent}
}
@media(forced-colors:active){
 :is(html,#project-text-scrollbar) body.page-project-detail #project-story .story-slide :is(.story-copy__body,.custom-slide__block,.story-editorial-sequence figcaption){scrollbar-color:auto;scrollbar-width:auto}
}
