* { font-family: 'Sarabun', sans-serif; }
body { background-color: #F7F6F2; color: #1F2A33; }

::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D6D2C4; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #C08A2E; }

.scroll-row { scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.scroll-item { scroll-snap-align: start; }

/* การ์ดแบบเอกสารราชการ: เส้นขอบทึบบาง + แถบสีบอกหมวดหมู่ด้านบน แทนเงาแบบ SaaS */
.doc-card {
  border: 1px solid #E2DFD6;
  background: #FFFFFF;
  transition: border-color .15s ease, transform .15s ease;
}
.doc-card:hover { border-color: #C08A2E; transform: translateY(-2px); }

.sidebar-group-panel { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
.sidebar-group-panel.open { max-height: 480px; }

#sidebarOverlay { transition: opacity .2s ease; }

@media (max-width: 1023px) {
  #sidebar { transform: translateX(100%); transition: transform .25s ease; }
  #sidebar.open { transform: translateX(0); }
}