/**
 * NovaPro Theme - Custom CSS
 * Mirrors src/index.css from the React project, adapted for plain CSS
 * (no Tailwind @apply since we use Tailwind CDN in production).
 */

/* === Base layer === */

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #3d4144; /* neutral-800 */
    line-height: 1.625; /* leading-relaxed */
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.25; /* leading-tight */
    font-weight: 700;
}

/* === Component layer === */

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* === Utility layer === */

.text-balance {
    text-wrap: balance;
}

/* === Article content (news single pages) === */

.article-content h2 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 800; /* font-extrabold */
    color: #2a2d30; /* neutral-900 */
    margin-top: 2rem; /* mt-8 */
    margin-bottom: 0.75rem; /* mb-3 */
}

.article-content h3 {
    font-size: 1.125rem; /* text-lg */
    font-weight: 700; /* font-bold */
    color: #2a2d30; /* neutral-900 */
    margin-top: 1.5rem; /* mt-6 */
    margin-bottom: 0.5rem; /* mb-2 */
}

.article-content p {
    color: #6b7074; /* neutral-600 */
    line-height: 1.625; /* leading-relaxed */
    margin-bottom: 1rem; /* mb-4 */
}

.article-content strong {
    color: #3d4144; /* neutral-800 */
    font-weight: 600; /* font-semibold */
}

.article-content ul {
    margin-top: 1rem; /* my-4 */
    margin-bottom: 1rem;
    margin-left: 1.25rem; /* ml-5 */
    list-style: disc;
}

.article-content ul > li + li {
    margin-top: 0.25rem; /* space-y-1 */
}

.article-content li {
    color: #6b7074; /* neutral-600 */
    line-height: 1.625; /* leading-relaxed */
}

.article-content a {
    color: #c4241a; /* brand-500 */
    text-decoration: none; /* no-underline */
    font-weight: 500; /* font-medium */
}

.article-content a:hover {
    text-decoration: underline;
}

.txt-black {
    color: #111 !important;
    
}

.font-large{


    font-size: xx-large !important;

}