/* Zoho Knowledge Base Font Size Fixes - Vandana Font */

/* Force Vandana font and smaller headings across all elements */
*, 
*::before, 
*::after {
    font-family: "Vandana", Arial, sans-serif !important;
}

/* Main heading - much smaller size */
h1,
.article-title,
.kb-article-title,
.main-title,
[class*="title"],
.article-header h1,
.content-title,
.page-title {
    font-family: "Vandana", Arial, sans-serif !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
    font-weight: 600 !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
}

/* More aggressive targeting for headings */
* h1 {
    font-family: "Vandana", Arial, sans-serif !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
}

/* Target by tag directly */
h1 {
    font-family: "Vandana", Arial, sans-serif !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

/* Secondary headings */
h2 {
    font-family: "Vandana", Arial, sans-serif !important;
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.8rem !important;
}

h3 {
    font-family: "Vandana", Arial, sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.6rem !important;
}

/* Body text */
p, div, span, li {
    font-family: "Vandana", Arial, sans-serif !important;
}

/* Ensure all content uses Vandana */
body, 
.article-content,
.kb-article,
.main-content {
    font-family: "Vandana", Arial, sans-serif !important;
}

/* Alternative selector for Zoho's specific article titles */
[class*="article-title"],
[class*="kb-title"] {
    font-size: 1.8em !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

/* Section headings within articles */
.kb-article h2,
.article-content h2 {
    font-size: 1.4em !important;
    margin-top: 25px !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
}

/* Sub-headings */
.kb-article h3,
.article-content h3 {
    font-size: 1.2em !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}

/* Body text improvements */
.kb-article p,
.article-content p {
    font-size: 1em !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
}

/* Lists within articles */
.kb-article ul,
.kb-article ol,
.article-content ul,
.article-content ol {
    font-size: 1em !important;
    line-height: 1.6 !important;
    margin: 12px 0 !important;
    padding-left: 25px !important;
}

/* Improve overall readability */
.kb-article,
.article-content,
.main-content {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

/* If there's a specific container for the article */
.kb-article-container,
.article-wrapper {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .kb-article-title,
    .article-title,
    h1.article-heading,
    .kb-article h1 {
        font-size: 1.5em !important;
        line-height: 1.2 !important;
    }
    
    .kb-article h2,
    .article-content h2 {
        font-size: 1.3em !important;
    }
    
    .kb-article h3,
    .article-content h3 {
        font-size: 1.1em !important;
    }
}