@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}main>:first-child{margin-top:0!important;}main>:last-child{margin-bottom:0!important;}}
/* Hide only the top-level page scrollbar; keep scrollbars inside scrollable panels. */
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;}
html,body{scrollbar-width:none;}

/* Visible thin scrollbar for the sticky sidebar / any internally scrollable panel. */
.sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(27,67,50,0.35) transparent;}
.sidebar-scroll::-webkit-scrollbar{display:block;width:8px;}
.sidebar-scroll::-webkit-scrollbar-track{background:transparent;}
.sidebar-scroll::-webkit-scrollbar-thumb{background-color:rgba(27,67,50,0.35);border-radius:9999px;}
.sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(27,67,50,0.55);}

/* --- page fade-in (pure CSS, no JS dependency) --- */
@keyframes pageFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
body { animation: pageFadeIn .45s ease both; }
@media (prefers-reduced-motion: reduce) { body { animation: none; } }