/* Native anchor and programmatic scrolling; wheel/touch input stays with the browser. */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 24px;
    scroll-padding-bottom: 24px;
}
/* The admin toolbar stays above the document while it scrolls. */
html:has(body.admin) { scroll-padding-top: 96px; }
/* Keep focused section content clear of the mobile bottom navigation. */
@media (max-width: 800px) {
    html:has(.cc-bottom-nav) {
        scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
    }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}