/* One native document scroll surface; content containers keep their intentional local scroll. */
html:has(body#bahasa-premium){min-height:100%;overflow-x:clip;overflow-y:auto;scrollbar-gutter:stable;scroll-padding-top:calc(var(--scroll-header-height,58px) + 14px);scrollbar-width:thin;scrollbar-color:#8da18f transparent}
body#bahasa-premium#bahasa-premium{min-height:100dvh;height:auto;max-height:none;overflow-x:clip;overflow-y:visible}
body#bahasa-premium#bahasa-premium #page-content{min-width:0;max-height:none;overflow:visible}
body#bahasa-premium#bahasa-premium :is(.page-head,.study-section,.plan-today,.plan-stats,.br-reading-settings,h1,h2,h3){scroll-margin-top:calc(var(--scroll-header-height,58px) + 18px)}
body#bahasa-premium#bahasa-premium .br-reading-toolbar{top:var(--scroll-header-height,58px);z-index:8}
body#bahasa-premium#bahasa-premium .br-sentence-row{scroll-margin-block:14px}
body#bahasa-premium#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)[data-scroll-native="true"]{scrollbar-width:thin;scrollbar-color:#8ba4989e transparent;scrollbar-gutter:stable;--scroll-top-shadow:transparent;--scroll-bottom-shadow:transparent;box-shadow:inset 0 16px 13px -16px var(--scroll-top-shadow),inset 0 -16px 13px -16px var(--scroll-bottom-shadow);transition:box-shadow 220ms cubic-bezier(.22,.75,.24,1)}
body#bahasa-premium#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)[data-scroll-up="true"]{--scroll-top-shadow:#152f2680}
body#bahasa-premium#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)[data-scroll-down="true"]{--scroll-bottom-shadow:#152f2680}
html:has(body#bahasa-premium)::-webkit-scrollbar,body#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)::-webkit-scrollbar{width:7px;height:7px}
html:has(body#bahasa-premium)::-webkit-scrollbar-track,body#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)::-webkit-scrollbar-track{background:transparent}
html:has(body#bahasa-premium)::-webkit-scrollbar-thumb,body#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)::-webkit-scrollbar-thumb{background:#879e906b;border:2px solid transparent;border-radius:20px;background-clip:padding-box}
html:has(body#bahasa-premium)::-webkit-scrollbar-thumb:hover,body#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)::-webkit-scrollbar-thumb:hover{background-color:#658373a6}
body#bahasa-premium .scroll-reading-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:1000;pointer-events:none;opacity:0;transition:opacity 250ms;background:transparent;contain:strict}
body#bahasa-premium .scroll-reading-progress.is-visible{opacity:.85}
body#bahasa-premium .scroll-reading-progress>i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#80a986,#bed0a1 76%,#d4dfb3);box-shadow:0 0 5px #9bb99755}
@media(max-height:680px){body#bahasa-premium#bahasa-premium .br-learning-sidebar{position:relative;top:auto;max-height:none;overflow:visible}}
@media(prefers-reduced-motion:reduce){body#bahasa-premium .scroll-reading-progress,body#bahasa-premium#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar){transition:none}}
@media(forced-colors:active){body#bahasa-premium .scroll-reading-progress>i{background:Highlight;box-shadow:none}body#bahasa-premium#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)[data-scroll-native="true"]{box-shadow:none;scrollbar-color:auto}}

body#bahasa-premium#bahasa-premium :is(.voc-scroll-region,.br-sentences,.br-learning-sidebar)[data-scroll-native="true"]:focus-visible{outline:2px solid #7e9e87;outline-offset:4px}