/* ===== Article Content Styling ===== */

/* Paragraph */
.entry-content p,
.post-content p,
.wp-block-post-content p {
    color: #000000;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 18px;
}

/* H2 Heading */
.entry-content h2,
.post-content h2,
.wp-block-post-content h2 {
    color: #D80000;
    margin-top: 20px;
    margin-bottom: 18px;
    line-height: 1.4;
}

/* H3 Heading */
.entry-content h3,
.post-content h3,
.wp-block-post-content h3 {
    color: #0008A4;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.4;
}








/* =====================================================
   POST PAGE
===================================================== */
.stm-post{
    background:#fff;
    border:1px solid #e5ebf3;
    border-radius:0 0 12px 12px;
    padding:22px 24px;
    font-family:Arial,Helvetica,sans-serif;
}
.stm-post-title{
    margin:0 0 8px;
    color:#123f78;
    font-size:28px;
    line-height:1.35;
    font-weight:800;
}
.stm-post-meta{
    margin:0 0 18px;
    padding-bottom:12px;
    border-bottom:1px solid #e5ebf3;
    color:#5d6b7e;
    font-size:14px;
}
.stm-post-meta a{ color:#0069d9; text-decoration:none; font-weight:600; }
.stm-post-meta a:hover{ text-decoration:underline; }

.entry-content{ overflow-wrap:anywhere; }
.entry-content a{ color:#0069d9; font-weight:600; }
.entry-content img{ max-width:100%; height:auto; }
.entry-content ul,
.entry-content ol{ margin:0 0 18px 24px; font-size:17px; line-height:1.8; }
.entry-content li{ margin-bottom:6px; }
.entry-content table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    border-collapse:collapse;
    margin:0 0 20px;
    font-size:16px;
}
.entry-content th,
.entry-content td{
    border:1px solid #cfd8e6;
    padding:9px 12px;
    text-align:left;
    vertical-align:top;
}
.entry-content th{ background:#0173F8; color:#fff; font-weight:700; }
.entry-content tr:nth-child(even) td{ background:#f7faff; }

.stm-related-title{
    margin:26px 0 12px;
    color:#D80000;
    font-size:22px;
    font-family:Arial,Helvetica,sans-serif;
}

/* =====================================================
   LIST (category / search / related)
===================================================== */
.stm-list{
    margin:0;
    padding:0;
    list-style:none;
    background:#fff;
    border:1px solid #0173F8;
    font-family:Arial,Helvetica,sans-serif;
}
.stm-list li{ padding:9px 15px; border-bottom:1px solid #d9d9d9; line-height:1.4; }
.stm-list li:last-child{ border-bottom:0; }
.stm-list li a{ color:#000; font-size:18px; font-weight:600; text-decoration:none; }
.stm-list li a:hover{ color:#d40000; text-decoration:underline; }
.stm-list .red{ color:#e00000; font-weight:700; margin-left:4px; }
.stm-list .stm-date{ display:block; margin-top:2px; color:#666; font-size:13px; }
.stm-empty{ padding:28px 15px; text-align:center; color:#555; font-size:16px; }
.stm-search-info{ margin:10px 4px; color:#333; font-size:16px; }

/* PAGINATION */
.stm-pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:20px 0 6px; font-family:Arial,Helvetica,sans-serif; }
.stm-pagination a,
.stm-pagination span{
    min-width:38px;
    padding:7px 13px;
    border:1px solid #0173F8;
    border-radius:4px;
    color:#0173F8;
    font-size:15px;
    font-weight:600;
    text-align:center;
    text-decoration:none;
}
.stm-pagination a:hover{ background:#eef5ff; }
.stm-pagination .current{ background:#0173F8; color:#fff; }
.stm-pagination .dots{ border-color:transparent; }

@media (max-width:767px){
    .stm-post{ padding:16px 12px; }
    .stm-post-title{ font-size:22px; }
    .entry-content ul, .entry-content ol{ font-size:16px; }
    .entry-content table{ font-size:14px; }
    .stm-list li{ padding:8px 12px; }
    .stm-list li a{ font-size:16px; }
    .stm-related-title{ font-size:19px; }
}

















/* =========================================================
   FONT SIZE CONTROL (yahin se change karein)
   Desktop body text = 18px | Mobile body text = 15px
   Body text = Paragraph, Point List, Number List, Table
   ========================================================= */
#rb-post{
    --fs-body:18px;
}

/* =========================================================
   MAIN WRAPPER
   ========================================================= */
#rb-post{
    width:100%;
    max-width:1100px;
    margin:2px auto;
    background:#fff;
    border:1px solid #333;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    color:#000;
    line-height:1.4;
    font-size:var(--fs-body);
    box-sizing:border-box;
    overflow-wrap:break-word;
}

#rb-post *,
#rb-post *::before,
#rb-post *::after{
    box-sizing:border-box;
}

#rb-post a{ color:inherit; }
#rb-post a:hover{ text-decoration:underline; }


/* =========================================================
   TITLES
   ========================================================= */
#rb-post .main-title{
    text-align:center;
    color:#003366;
    font-size:25px;
    font-weight:bold;
    margin:0;
    padding:10px 10px 2px;
    line-height:1.25;
}

#rb-post .sub-title{
    text-align:center;
    color:#8B0000;
    font-size:22px;
    font-weight:bold;
    margin:0;
    padding:2px 10px;
    line-height:1.3;
}

#rb-post .special-drive{
    text-align:center;
    color:#006400;
    font-size:18px;
    font-weight:bold;
    margin:0;
    padding:2px 10px;
    line-height:1.3;
}

#rb-post .advt-no{
    text-align:center;
    font-size:16px;
    padding:2px 10px 8px;
}

#rb-post .red-bar-link{
    text-decoration:none;
    color:inherit;
}

#rb-post .red-bar{
    background:#c41e3a;
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:16px;
    padding:6px;
    letter-spacing:1px;
}


/* =========================================================
   TWO COLUMN (FEE + DATES)
   ========================================================= */
#rb-post .two-col{
    display:flex;
    width:100%;
    border-bottom:1px solid #000;
}

#rb-post .two-col .col{
    flex:1;
    min-width:0;
    padding:8px 12px;
    border-right:1px solid #000;
}

#rb-post .two-col .col:last-child{
    border-right:none;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */
#rb-post .section-head,
#rb-post .sec-title,
#rb-post .how-to-title,
#rb-post .links-title{
    text-align:center;
    color:#003366;
    font-size:22px;
    font-weight:bold;
    line-height:1.3;
}

#rb-post .section-head{
    margin:0 0 6px;
    padding:0;
}

#rb-post .sec-title,
#rb-post .how-to-title{
    margin:0;
    padding:10px 10px 4px;
}

#rb-post .how-to-title::before{
    content:"☐ ";
}

#rb-post .vacancy-total{
    text-align:center;
    color:#8B0000;
    font-size:20px;
    font-weight:bold;
    padding:2px 10px 6px;
}


/* =========================================================
   PARAGRAPH TEXT  (var --fs-body)
   ========================================================= */
#rb-post .vacancy-description,
#rb-post .content-block,
#rb-post .content-block p,
#rb-post .steps,
#rb-post .steps p,
#rb-post .note-box,
#rb-post .footer-msg,
#rb-post .disclaimer{
    font-size:var(--fs-body);
}

#rb-post .vacancy-description{
    padding:0 10px 6px;
}

#rb-post .content-block{
    padding:4px 0 10px;
}

#rb-post .content-block p{
    margin:0 0 8px;
    padding:0 14px;
}

#rb-post .content-block ul{
    list-style:none;
    margin:0;
    padding:0 14px;
}

#rb-post .steps{
    padding:0 14px 6px;
}

#rb-post .steps p{
    margin:0 0 5px;
    line-height:1.4;
}

#rb-post .note-box{
    padding:4px 14px 10px;
    color:#f10000;
}


/* =========================================================
   POINT LIST  (var --fs-body)
   ========================================================= */
#rb-post .single-section{
    width:100%;
    padding:8px 12px;
    border-bottom:1px solid #000;
}

#rb-post .single-section ul,
#rb-post .col ul{
    list-style:none;
    margin:0;
    padding:0;
}

#rb-post .single-section ul li,
#rb-post .col ul li,
#rb-post .content-block ul li{
    position:relative;
    margin:0 0 4px;
    padding-left:12px;
    font-size:var(--fs-body);
    line-height:1.4;
}

#rb-post .single-section ul li::before,
#rb-post .col ul li::before,
#rb-post .content-block ul li::before{
    content:"•";
    position:absolute;
    left:0;
}

#rb-post .highlight-red{
    color:#c41e3a;
    font-weight:bold;
}


/* =========================================================
   NUMBER LIST  (var --fs-body)
   ========================================================= */
#rb-post .bpsc-eligibility{
    padding:10px 14px 14px;
}

#rb-post .bpsc-eligibility .section-head{
    margin-bottom:12px;
}

#rb-post .bpsc-eligibility .eligibility-title{
    color:#003366;
    font-size:20px;
    font-weight:700;
    margin:14px 0 7px;
    line-height:1.35;
}

#rb-post .bpsc-eligibility ol{
    margin:0 0 4px;
    padding-left:32px;
}

#rb-post .bpsc-eligibility ol li{
    font-size:var(--fs-body);
    line-height:1.45;
    margin:0 0 7px;
    padding-left:4px;
}


/* =========================================================
   SECTION BOX
   ========================================================= */
#rb-post .section-box{
    border:1px solid #000;
    border-top:none;
}


/* =========================================================
   TABLES  (var --fs-body)
   ========================================================= */
#rb-post table{
    width:100%;
    max-width:100%;
    border-collapse:collapse;
    border-spacing:0;
    font-size:var(--fs-body);
    margin:0;
}

#rb-post table th{
    background:#1a3a6e;
    color:#fff;
    font-weight:bold;
    padding:6px 4px;
    border:1px solid #000;
    text-align:center;
    vertical-align:middle;
}

#rb-post table td{
    padding:5px 4px;
    border:1px solid #000;
    text-align:center;
    vertical-align:middle;
}

#rb-post table tr > *:first-child{
    border-left:none;
}

#rb-post table tr > *:last-child{
    border-right:none;
}

#rb-post .state-table th{
    background:#006400;
}

#rb-post .state-table td{
    text-align:left;
    padding-left:6px;
}

#rb-post .state-table tr:nth-child(even) td{
    background:#f0f7f0;
}


/* =========================================================
   IMPORTANT LINKS
   ========================================================= */
#rb-post .links-section{
    border:1px solid #000;
    border-top:none;
    background:#f0f4f8;
}

#rb-post .links-title{
    margin:0;
    padding:10px 10px 6px;
    background:#fff;
    border-bottom:1px solid #99aacc;
}

#rb-post .links-table td{
    border:1px solid #888;
    padding:8px 12px;
    background:#ededed;
    text-align:center;
}

#rb-post .links-table td:first-child{
    width:55%;
    color:#8B0000;
	  font-size:22px;
    font-weight:bold;
}

#rb-post .links-table td.link-whatsapp{ color:#006400; }
#rb-post .links-table td.link-telegram{ color:#0000cd; }

#rb-post .click-here{
    color:#0000ee;
	  font-size:22px;
    text-decoration:underline;
    font-weight:bold;
}

#rb-post .click-here:hover,
#rb-post .click-here:active{
    color:#f80000;
}


/* =========================================================
   FOOTER
   ========================================================= */
#rb-post .footer-msg{
    text-align:center;
    color:#8B0000;
    font-weight:bold;
    padding:10px 14px 6px;
}

#rb-post .disclaimer{
    color:#333;
    padding:4px 14px 12px;
    text-align:justify;
    line-height:1.35;
    border-top:1px solid #ccc;
    margin-top:4px;
}


/* =========================================================
   MOBILE / TABLET  (max 768px)
   ========================================================= */
@media (max-width:768px){

    /* Mobile me body text = 15px */
    #rb-post{
        --fs-body:15px;
    }
	
	  #rb-post .click-here{
        font-size:18px;
    }

    /* Full width - left/right space zero */
    #rb-post{
        width:100vw;
        max-width:100vw;
        margin:0 calc(50% - 50vw);
        border-left:none;
        border-right:none;
        box-shadow:none;
    }

    /* Fee + Dates ek ke neeche ek */
    #rb-post .two-col{
        flex-direction:column;
    }

    #rb-post .two-col .col{
        border-right:none;
        border-bottom:1px solid #000;
        padding:8px 10px;
    }

    #rb-post .two-col .col:last-child{
        border-bottom:none;
    }

    /* Headings */
    #rb-post .main-title{ font-size:21px; }
    #rb-post .sub-title{ font-size:19px; }
    #rb-post .special-drive{ font-size:16px; }
    #rb-post .advt-no{ font-size:14px; }
    #rb-post .red-bar{ font-size:14px; letter-spacing:.5px; }

    #rb-post .section-head,
    #rb-post .sec-title,
    #rb-post .how-to-title,
    #rb-post .links-title{ font-size:18px; }

    #rb-post .vacancy-total{ font-size:17px; }
    #rb-post .bpsc-eligibility .eligibility-title{ font-size:16px; }

    /* Spacing */
    #rb-post .single-section,
    #rb-post .bpsc-eligibility{ padding:8px 10px 10px; }

    #rb-post .bpsc-eligibility ol{ padding-left:24px; }

    #rb-post .content-block p,
    #rb-post .content-block ul{
        padding-left:10px;
        padding-right:10px;
    }

    #rb-post .steps,
    #rb-post .note-box,
    #rb-post .footer-msg,
    #rb-post .disclaimer{
        padding-left:10px;
        padding-right:10px;
    }

    #rb-post table th,
    #rb-post table td{ padding:5px 4px; }

    #rb-post .links-table td{ padding:8px 6px; }
}


/* =========================================================
   SMALL MOBILE  (max 480px) - sirf heading / spacing
   ========================================================= */
@media (max-width:480px){

    #rb-post .main-title{ font-size:19px; }
    #rb-post .sub-title{ font-size:17px; }
    #rb-post .special-drive{ font-size:15px; }

    #rb-post .section-head,
    #rb-post .sec-title,
    #rb-post .how-to-title,
    #rb-post .links-title{ font-size:17px; }

    #rb-post .vacancy-total{ font-size:16px; }

    #rb-post table th,
    #rb-post table td{ padding:4px 3px; }

    #rb-post .links-table td{ padding:7px 4px; }
    #rb-post .links-table td:first-child{ width:65%; font-size:18px;}
}



/* =========================================================
   PRINT
   ========================================================= */
@media print{
    #rb-post{
        width:100%;
        max-width:100%;
        margin:0;
        border:none;
        box-shadow:none;
    }
}


/* =====================================================
   BLOCK EDITOR OUTPUT STYLES (H1, H4-H6, Quote, Image, Highlight ...)
   Admin ke Block Editor se banaye gaye content ke liye.
===================================================== */
.entry-content h1{ color:#123f78; font-size:30px; line-height:1.35; margin:20px 0 18px; }
.entry-content h4{ color:#123f78; font-size:19px; line-height:1.4; margin:18px 0 14px; }
.entry-content h5{ color:#333333; font-size:17px; line-height:1.4; margin:16px 0 12px; }
.entry-content h6{ color:#555555; font-size:15px; line-height:1.4; margin:14px 0 10px; }
.entry-content blockquote{
    margin:0 0 18px; padding:10px 18px; border-left:4px solid #0173F8; background:#f7faff;
}
.entry-content blockquote p{ margin-bottom:8px; }
.entry-content hr{ border:0; border-top:1px solid #dfe6ef; margin:24px 0; }
.entry-content figure{ margin:0 0 18px; }
.entry-content figcaption{ font-size:14px; color:#555555; }
.entry-content mark{ background:#fff3a3; color:inherit; padding:0 2px; }
.entry-content pre{ overflow:auto; background:#f4f6fa; padding:12px; border-radius:8px; font-size:14px; }
@media (max-width:768px){
    .entry-content h1{ font-size:25px; }
    .entry-content h4{ font-size:18px; }
}