body { background-color: #fafaf9; color: #1c1917; }
* { box-sizing: border-box; }
.chart-container { position: relative; width: 100%; max-width: 850px; margin: 0 auto; height: 380px; }
.fade-in { animation: fadeIn 0.7s ease-out forwards; opacity: 0; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 10px; }
html { scroll-behavior: smooth; scroll-padding-top: 7rem; }
section[id] { scroll-margin-top: 7rem; }