@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Sarabun', sans-serif;
    background-color: #f1f5f9;
    word-break: normal;
    overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
    word-break: normal;
    overflow-wrap: break-word;
}

@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.animate-marquee {
    display: inline-block;
    animation: marquee 25s linear infinite;
}

table th, table td {
    border-color: #cbd5e1;
}

.nav-link {
    transition: all 0.2s ease-in-out;
}

/* Smooth transition for map nodes & containers */
.map-node {
    transition: all 0.25s ease-in-out;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}