/* Custom styles if needed */

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: #2f2f9f !important;
    /* color: #fff; */
}
        .panel {
            position: fixed;
            top: 0;
            bottom: 0;
            width: 50%;
            background: #2f2f9f;
            z-index: 999999;
            transition: transform 1s ease-in-out;
        }
    
        .panel-left {
            left: 0;
            transform: translateX(0);
        }
    
        .panel-right {
            right: 0;
            transform: translateX(0);
        }
    
        .panel-left.hide {
            transform: translateX(-100%);
        }
    
        .panel-right.hide {
            transform: translateX(100%);
        }
/* li {color: #fff;font-size: 15px;}

li a:hover {color: #fff;} */
/* Styling for the content saved from the editor */
/* Base Blog Content Styling: Sleek and professional */
/* ============================================== */
/* REVISED PROFESSIONAL BLOG CONTENT STYLES */
/* ============================================== */


/* Tailwind doesn't include this by default */
/* Custom class to hide scrollbar only on selected elements */
.custom-scroll-hide::-webkit-scrollbar {
    display: none;
}

.custom-scroll-hide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}
/* --- Global Text Styles --- */
/* Quill uses the .ql-editor class in the editor itself, 
   but for display, we target the standard HTML tags. */

body,
p,
li {
    font-family: Arial, sans-serif;
    /* Use a common, readable font */
    line-height: 1.5!important;
    font-size: 16px!important;
    color: #333;
}

/* --- Paragraph Spacing --- */
p {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 16px !important;
}

/* --- Heading Hierarchy and Styling --- */

/* H1: The main title of the post */
h1 {
    font-size: 1.6em!important;
    /* 36px */
    font-weight: 700!important;
    color: #1A202C;
    /* Darker for prominence */
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    /* Subtle separator */
    padding-bottom: 0.1em;
}

/* H2: Main sections of the post */
h2 {
    font-size: 1.3em!important;
    /* 28px */
    font-weight: 600!important;
    color: #2D3748;
    margin-top: 1.75em;
    margin-bottom: 0.75em;
}

/* H3: Subsections */
h3 {
    font-size: 1.1em!important;
    /* 22px */
    font-weight: 600!important;
    color: #4A5568;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* --- List Styling (Bullets and Numbers) --- */

ul,
ol {
    margin-top: 0.5em;
    margin-bottom:0.5em;
    padding-left: 0.5em;
    /* Indentation for the bullets/numbers */
}

li {
    margin-bottom: 0.5em;
    padding-left: 0.25em;
    /* Small space after the bullet/number */
}

/* --- Formatting Used by Quill --- */

strong {
    font-weight: 700!important;
}

em {
    font-style: italic;
}

a {
    color: #3182CE;
    /* Standard blue link color */
    text-decoration: underline;
}