/* ===== Base Reset ===== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    overflow-x: hidden;
}

/* ===== Page Wrapper — Full Width ===== */
.page-wrapper {
    width: 100%;
    padding: 20px 40px 40px;
}

/* ===== Header ===== */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 5px;
}

.header-logo {
    width: 76px;
    height: 78px;
    object-fit: contain;
}

/* ===== Org Name Block ===== */
.org-name-block {
    text-align: center;
    margin-bottom: 10px;
}

.org-name-block__hindi {
    font-family: 'Mangal', serif;
    font-size: 10pt;
    font-weight: bold;
}

.org-name-block__english {
    font-family: 'Arial Narrow', sans-serif;
    font-size: 11pt;
    font-weight: bold;
    line-height: 1.5;
}

/* ===== Advertisement Title ===== */
.ad-title {
    font-family: 'Cambria', serif;
    font-size: 18pt;
    font-weight: bold;
    color: #130593;
    text-align: center;
    margin-bottom: 15px;
}

/* ===== Action Buttons ===== */
.action-bar {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    min-width: 100px;
    border-radius: 10px;
    font-family: 'Cambria', serif;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 3px #666;
    transition: opacity 0.2s ease, transform 0.1s ease;
}

.btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn:active {
    transform: translateY(0);
}

.btn--apply {
    background: #60d701;
    color: #020aff;
    min-width: 109px;
}

.btn--print {
    background: linear-gradient(to bottom, #1708ff 0%, #0413ce 40%, #0013f9 50%, #2719f3 60%, #000 100%);
    color: #fff;
}

.btn--verify {
    background: #6e070e;
    color: #fff;
    min-width: 162px;
}

/* ===== Important Dates Table ===== */
.dates-table-wrapper {
    margin-bottom: 20px;
}

.dates-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000;
    background: #f9fae8;
}

.dates-table th,
.dates-table td {
    border: 1px solid #000;
    padding: 6px 12px;
    font-size: 11pt;
    text-align: center;
}

.dates-table__header {
    background: #c9f2f2;
    text-transform: uppercase;
    font-weight: bold;
}

.dates-table__label {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    font-size: 10pt;
}

.dates-table__value {
    font-weight: bold;
}

/* ===== Content Sections ===== */
.content-section {
    margin-bottom: 10px;
}

.intro-text {
    margin: 0 30px 6px 40px;
    text-align: justify;
    line-height: normal;
}

.intro-text--bold {
    font-weight: bold;
}

.application-intro {
    margin: 0 30px 6px 40px;
    text-align: justify;
}

.application-intro strong {
    font-weight: bold;
}

/* ===== Position Table ===== */
.position-table-wrapper {
    margin-bottom: 15px;
    box-shadow: 0 0 20px #0776ff;
}

.position-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid windowtext;
    table-layout: fixed;
}

.position-table th,
.position-table td {
    border: 1px solid windowtext;
    padding: 6px 8px;
    font-size: 11pt;
    vertical-align: middle;
}

.position-table__header {
    background: #e8edf5;
    text-align: center;
    font-weight: bold;
    height: 55px;
}

.position-table__code {
    text-align: center;
    font-weight: bold;
    width: 92px;
}

.position-table__name {
    text-align: center;
    font-weight: bold;
    width: 106px;
}

.position-table__count {
    text-align: center;
    font-weight: bold;
    width: 107px;
}

.position-table__qual-header {
    width: 319px;
}

.position-table__age-header {
    width: 251px;
}

.position-table__details {
    background: #fff;
    padding: 6px 14px !important;
    text-align: justify;
    line-height: 1.5;
}

.position-table__details .qual-list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.position-table__details .qual-list li {
    margin-bottom: 4px;
    text-indent: -18px;
    padding-left: 18px;
}

.position-table__details .or-separator {
    text-align: center;
    margin: 4px 0;
    font-weight: bold;
}

.position-table__details .sub-qual-list {
    margin: 2px 0 0 18px;
    padding-left: 0;
    list-style: none;
    counter-reset: qual-counter;
}

.position-table__details .sub-qual-list li {
    margin-bottom: 2px;
    text-indent: 0;
    padding-left: 0;
}

.position-table__details .sub-qual-list li::before {
    counter-increment: qual-counter;
    content: counter(qual-counter) ". ";
    font-weight: bold;
}

/* ===== Section Headings ===== */
.section-heading {
    font-size: 11pt;
    font-weight: bold;
    text-decoration: underline;
    margin: 15px 30px 6px 40px;
}

.section-heading--center {
    text-align: center;
    text-transform: uppercase;
    margin: 12px 30px 10px;
}

/* ===== How To Apply ===== */
.how-to-apply {
    margin: 0 30px 6px 40px;
    text-align: justify;
}

.how-to-apply a {
    color: #0066cc;
    text-decoration: underline;
}

.how-to-apply a:hover {
    color: #004499;
}

.gender-note {
    margin: 0 30px 6px 40px;
    text-align: justify;
    font-style: italic;
    font-weight: bold;
}

/* ===== Instructions List ===== */
.instructions {
    margin: 0 30px 0 40px;
    padding: 0;
    list-style: none;
    counter-reset: instruction-counter;
}

.instructions li {
    margin-bottom: 6px;
    text-align: justify;
    text-indent: -22px;
    padding-left: 22px;
    line-height: 1.5;
}

.instructions li::before {
    counter-increment: instruction-counter;
    content: counter(instruction-counter, decimal-leading-zero) ". ";
    font-weight: bold;
    min-width: 22px;
    display: inline-block;
}

.instructions li strong {
    font-weight: bold;
}

.instructions li .sub-label {
    font-weight: bold;
    text-decoration: underline;
}

.instructions li .sub-list {
    list-style: none;
    padding-left: 18px;
    margin: 4px 0;
}

.instructions li .sub-list li {
    text-indent: 0;
    padding-left: 0;
    margin-bottom: 4px;
}

.instructions li .sub-list li::before {
    content: none;
}

/* ===== Emoluments Sub-section ===== */
.emoluments-block {
    margin: 4px 0 6px 0;
    text-align: justify;
}

.hra-note {
    text-align: justify;
}

.hra-note strong {
    font-weight: normal;
}

/* ===== Service Conditions ===== */
.service-text {
    font-weight: normal;
    text-align: justify;
}

/* ===== Selection Process ===== */
.selection-text {
    text-align: justify;
}

/* ===== Document Lists ===== */
.doc-list {
    list-style: none;
    padding-left: 18px;
    margin: 4px 0;
    counter-reset: doc-counter;
}

.doc-list li {
    text-indent: 0;
    padding-left: 0;
    margin-bottom: 3px;
}

.doc-list li::before {
    counter-increment: doc-counter;
    content: counter(doc-counter) ". ";
    font-weight: bold;
}

.interview-docs {
    list-style: none;
    padding-left: 18px;
    margin: 4px 0;
    counter-reset: doc-counter-2;
}

.interview-docs li {
    margin-bottom: 4px;
    text-indent: 0;
    padding-left: 0;
}

.interview-docs li::before {
    counter-increment: doc-counter-2;
    content: counter(doc-counter-2) ") ";
    font-weight: bold;
}

.field-note {
    margin-top: 6px;
    text-align: justify;
}

/* ===== Note Block ===== */
.note-block {
    margin: 0 30px 6px 40px;
    text-align: justify;
}

.note-block__label {
    font-weight: bold;
    font-style: italic;
}

.note-block__text {
    font-weight: bold;
    font-style: italic;
}

/* ===== Warning Block ===== */
.warning-block {
    margin: 10px 30px 0 40px;
}

.warning-block__title {
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 6px;
}

.warning-block__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.warning-block__list li {
    text-align: justify;
    line-height: 2;
    padding-left: 1em;
    position: relative;
}

.warning-block__list li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: bold;
}

.warning-block__list li strong {
    font-weight: bold;
    font-style: italic;
}

/* ===== Spacers ===== */
.spacer--sm {
    height: 10px;
}

.spacer--md {
    height: 20px;
}

/* ===== Print Adjustments ===== */
@media print {
    .btn {
        box-shadow: none;
        border: 1px solid #999;
    }

    .position-table-wrapper {
        box-shadow: none;
        border: 1px solid #0776ff;
    }

    body {
        font-size: 10pt;
    }

    .page-wrapper {
        padding: 10px 20px;
    }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .page-wrapper {
        padding: 15px;
    }

    .header {
        flex-direction: row;
        justify-content: space-between;
    }

    .header-logo {
        width: 55px;
        height: 56px;
    }

    .ad-title {
        font-size: 14pt;
    }

    .action-bar {
        justify-content: center;
    }

    .intro-text,
    .application-intro,
    .how-to-apply,
    .gender-note,
    .section-heading {
        margin-left: 10px;
        margin-right: 10px;
    }

    .instructions {
        margin-left: 15px;
        margin-right: 10px;
    }

    .note-block {
        margin-left: 15px;
        margin-right: 10px;
    }

    .warning-block {
        margin-left: 15px;
        margin-right: 10px;
    }

    .dates-table th,
    .dates-table td {
        font-size: 9pt;
        padding: 4px 6px;
    }

    .dates-table__label {
        font-size: 8pt;
    }

    .position-table {
        table-layout: auto;
    }
}

/*......... jithu........ */
.heading--center {
    text-align: center;
    text-transform: uppercase;
    margin: 12px 30px 10px;
    font-size: large;
}

li {
    text-align: justify;
}

ol li::marker {
    font-weight: bold;
    line-height: 2rem;
}

ul li::marker {
    font-weight: bold;
    line-height: 2rem;
}

.card1 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 3px solid rgba(0, 0, 0, 0.125);
    border-radius: .45rem;
    width: 80%;
    margin: auto;
}

.position-table__qual-Res {
    width: 110px;
}

.position-table__qual-lev {
    width: 10px;

}


.sub-label-hed {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;

}

.position-table__sml {
    text-align: center;
    font-weight: bold;
}

.heading-table {
    border: 1px solid windowtext;
    padding: 6px 8px;
    font-size: 11pt;
    vertical-align: top;

}

.position-table__abc {
    width: 500px;
}
.position-table__clr{
    background: #e8edf5;
    line-height: 1.3rem;
}

      /*......... anju........ */
    .table-subtitle-row {
        background-color: #f2f2f2;
        font-weight: bold;
        text-align: center;
    }
    
    .abbrev-header {
        width: 20%;
        text-align: center;
        background-color: #f2f2f2;
        font-weight: bold;
    }
    
    .abbrev-content {
        padding: 15px;
        line-height: 1.6;
    }
    
    .text-center-header {
        text-align: center;
    }
    
    .text-left-bold {
        text-align: left;
        font-weight: bold;
    }
    
    .text-left-italic {
        text-align: left;
        font-style: italic;
    }
    .qual-list {
list-style-type: none;    /* Removes default bullets */
padding: 0;               /* Removes default indentation */
margin: 0;                /* Removes default spacing */
text-align: left;         /* Ensures text is left-aligned */
}

   
.table-section-title {
    background-color: #f8f9fa;
    font-weight: bold;
    text-align: center;
    border: 1px solid #dee2e6;
    padding: 10px;
    margin-bottom: 0;
}
.bg-pgt { background-color: #ffd9d9 !important; }
.bg-tgt { background-color: #e8f9ba !important; }
.bg-jto { background-color: #c4ebf0 !important; }
.bg-highlight { background-color: #ffeac6 !important; }





  /* ============================================================
           NEW CLASSES STARTED — Addendum Page Specific Styles
           ============================================================ */

        /* ===== Addendum Ref. No. ===== */
        .addendum-ref-no {
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 6px;
        }

        /* ===== Addendum Title Block ===== */
        .addendum-title-block {
            text-align: center;
            margin-bottom: 15px;
        }

        .addendum-title-block__main {
            font-family: 'Cambria', serif;
            font-size: 18pt;
            font-weight: bold;
            color: #130593;
            line-height: 1.6;
        }

        .addendum-title-block__sub {
            display: block;
            font-family: 'Cambria', serif;
            font-size: 18pt;
            font-weight: bold;
            color: maroon;
            margin-top: 1.5px;
        }

        /* ===== Addendum Body Text ===== */
        .addendum-body-text {
            font-size: 13pt;
            margin: 0 30px 10px 40px;
            text-align: justify;
            line-height: 1.5;
        }

        /* ===== Vacancy Table ===== */
        .vacancy-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .vacancy-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid windowtext;
            table-layout: fixed;
        }

        .vacancy-table th,
        .vacancy-table td {
            border: 1px solid windowtext;
            padding: 6px 8px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .vacancy-table__header {
            background: #e8edf5;
            text-align: center;
            font-weight: bold;
            height: 42px;
        }

        .vacancy-table__col-post-no {
            width: 63px;
            text-align: center;
        }

        .vacancy-table__col-post-pay {
            width: 120px;
            text-align: center;
        }

        .vacancy-table__col-vacancies {
            width: 106px;
            text-align: center;
        }

        .vacancy-table__col-reserved {
            width: 120px;
            text-align: center;
        }

        .vacancy-table__col-qual {
            width: auto;
        }

        .vacancy-table__cell-center {
            text-align: center;
            font-weight: bold;
        }

        .vacancy-table__cell-details {
            background: #fff;
            padding: 6px 14px !important;
            text-align: justify;
            line-height: 1.5;
        }

        .vacancy-table__reserved-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .vacancy-table__reserved-list li {
            text-align: center;
            margin-bottom: 2px;
        }

        .vacancy-table__reserved-note {
            text-align: justify;
            padding: 6px 10px !important;
        }

        .vacancy-table__qual-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .vacancy-table__qual-list li {
            margin-bottom: 4px;
            text-indent: -18px;
            padding-left: 18px;
        }

        /* ===== Addendum Closing / NB Text ===== */
        .addendum-closing-text {
            font-size: 11pt;
            margin: 0 30px 10px 40px;
            text-align: justify;
            line-height: 1.5;
        }

        .addendum-nb-text {
            font-size: 11pt;
            margin: 0 30px 10px 40px;
            text-align: justify;
            line-height: 1.5;
        }

        .addendum-nb-text strong {
            font-weight: bold;
        }

        /* ============================================================
           NEW CLASSES STARTED — Advertisement VSSC-338 Specific Styles
           ============================================================ */

        /* ===== Invites Application Heading ===== */
        .invites-heading {
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            font-weight: bold;
            text-decoration: underline;
            text-align: center;
            margin-bottom: 10px;
        }

        /* ===== Post Table (6-column) ===== */
        .post-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .post-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid windowtext;
            table-layout: fixed;
        }

        .post-table th,
        .post-table td {
            border: 1px solid windowtext;
            padding: 6px 8px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .post-table__header {
            background: #e8edf5;
            text-align: center;
            font-weight: bold;
            height: 40px;
        }

        .post-table__col-code {
            width: 57px;
            text-align: center;
        }

        .post-table__col-name {
            width: 110px;
            text-align: center;
        }

        .post-table__col-count {
            width: 80px;
            text-align: center;
        }

        .post-table__col-pay {
            width: 120px;
            text-align: center;
        }

        .post-table__col-qual {
            width: auto;
        }

        .post-table__col-nature {
            width: 200px;
        }

        .post-table__cell-center {
            text-align: center;
            font-weight: bold;
        }

        .post-table__cell-details {
            background: #fff;
            padding: 6px 14px !important;
            text-align: justify;
            line-height: 1.5;
        }

        .post-table__cell-name {
            text-align: center;
            font-weight: bold;
            line-height: 1.4;
        }

        /* ===== Gender Note — Centered Variant ===== */
        .gender-note--center {
            text-align: center;
            font-style: italic;
            font-weight: bold;
            margin: 0 30px 10px 40px;
            font-size: 13pt;
        }

        /* ===== General Conditions Bar ===== */
        .gen-conditions-bar {
            background-color: #d8e2e2;
            text-align: center;
            padding: 6px 0;
            margin-bottom: 6px;
        }

        .gen-conditions-bar__title {
            font-weight: bold;
            font-size: 11pt;
        }

        /* ===== General Instructions List ===== */
        .gen-instructions {
            margin: 0 30px 0 40px;
            padding: 0;
            list-style: none;
            counter-reset: gen-instruction-counter;
        }

        .gen-instructions li {
            margin-bottom: 6px;
            text-align: justify;
            text-indent: -20px;
            padding-left: 20px;
            line-height: 1.5;
        }

        .gen-instructions li::before {
            counter-increment: gen-instruction-counter;
            content: counter(gen-instruction-counter) ". ";
            font-weight: bold;
            min-width: 20px;
            display: inline-block;
        }

        .gen-instructions li strong {
            font-weight: bold;
        }

        /* ===== Sub-heading inside an instruction item ===== */
        .gen-instructions__heading {
            font-weight: bold;
            display: inline;
        }

        /* ===== Sub-instruction list (e.g. 5.1, 5.2, 6.1...) ===== */
        .gen-instructions__sub-list {
            list-style: none;
            padding-left: 18px;
            margin: 4px 0;
            counter-reset: gen-sub-counter;
        }

        .gen-instructions__sub-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 4px;
            counter-increment: gen-sub-counter;
        }

        .gen-instructions__sub-list li::before {
            content: none;
        }

        .gen-instructions__sub-list li .sub-num {
            font-weight: bold;
        }

        /* ===== Separator — Asterisks ===== */
        .separator-asterisks {
            text-align: center;
            font-size: 9pt;
            font-family: 'Arial', sans-serif;
            margin: 10px 0;
            letter-spacing: 4px;
        }

        /* ===== Corrigendum Notice Box ===== */
        .corrigendum-box {
            border: 1px solid #000;
            box-shadow: 0 0 20px #8abcf8;
            background: #fffaec;
            margin-bottom: 10px;
        }

        .corrigendum-box__text {
            text-align: center;
            padding: 8px 12px;
            font-size: 11pt;
            line-height: 1.5;
        }

        /* ===== Warning Box (table-style variant) ===== */
        .warning-box-alt {
            border: 1px solid #000;
            box-shadow: 0 0 20px #8abcf8;
            background: #fdfdfd;
            margin-bottom: 10px;
        }

        .warning-box-alt__text {
            text-align: justify;
            padding: 8px 14px;
            font-size: 11pt;
            font-style: italic;
            line-height: 1.6;
        }

        .warning-box-alt__text strong {
            font-weight: bold;
            font-style: italic;
        }

        /* ===== VSSC-338 Responsive Additions ===== */
        @media (max-width: 768px) {
            .invites-heading {
                margin-left: 10px;
                margin-right: 10px;
            }

            .gender-note--center {
                margin-left: 10px;
                margin-right: 10px;
            }

            .gen-instructions {
                margin-left: 15px;
                margin-right: 10px;
            }

            .gen-instructions__sub-list {
                padding-left: 10px;
            }

            .post-table {
                table-layout: auto;
            }

            .post-table th,
            .post-table td {
                font-size: 9pt;
                padding: 4px 6px;
            }

            .corrigendum-box__text {
                font-size: 9pt;
                padding: 6px 8px;
            }

            .warning-box-alt__text {
                font-size: 9pt;
                padding: 6px 8px;
            }
        }

        @media print {
            .post-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .corrigendum-box {
                box-shadow: none;
            }

            .warning-box-alt {
                box-shadow: none;
            }
        }





            /* ============================================================
           NEW CLASSES STARTED — Advertisement VSSC-337 Specific Styles
           ============================================================ */

        /* ===== PGT Post Table ===== */
        .pgt-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .pgt-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid windowtext;
            table-layout: fixed;
        }

        .pgt-table th,
        .pgt-table td {
            border: 1px solid windowtext;
            padding: 6px 8px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .pgt-table__banner {
            background: #f2f7bc;
            text-align: center;
            font-weight: bold;
            font-size: 16px;
        }

        .pgt-table__header {
            background: #e8edf5;
            text-align: center;
            font-weight: bold;
            height: 26px;
            font-size: 16px;
        }

        .pgt-table__col-code {
            width: 63px;
            text-align: center;
        }

        .pgt-table__col-subject {
            width: 95px;
            text-align: center;
        }

        .pgt-table__col-count {
            width: 106px;
            text-align: center;
        }

        .pgt-table__col-qual {
            width: auto;
        }

        .pgt-table__col-physical {
            width: 142px;
            text-align: center;
        }

        .pgt-table__col-nature {
            width: 200px;
            text-align: center;
        }

        .pgt-table__cell-center {
            text-align: center;
            font-weight: bold;
        }

        .pgt-table__cell-subject {
            text-align: center;
            font-weight: bold;
        }

        .pgt-table__cell-details {
            background: #fff;
            padding: 6px 14px !important;
            text-align: justify;
            line-height: 1.5;
            font-size: 16px;
        }

        .pgt-table__cell-physical {
            text-align: justify;
            line-height: 18.5pt;
        }

        .pgt-table__cell-nature {
            text-align: justify;
            line-height: 18.5pt;
        }

        .pgt-table__qual-item {
            margin-bottom: 4px;
            text-indent: -18px;
            padding-left: 18px;
        }

        .pgt-table__or-sep {
            text-align: center;
            font-weight: normal;
            margin: 4px 0;
        }

        .pgt-table__and-sep {
            text-align: center;
            font-weight: bold;
            margin: 4px 0;
        }

        /* ===== Abbreviations Table ===== */
        .abbrev-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .abbrev-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
            background: #f2edd4;
        }

        .abbrev-table th,
        .abbrev-table td {
            border: 1px solid #000;
            padding: 4px 8px;
            font-size: 10pt;
            font-family: 'Arial', sans-serif;
            text-align: center;
            vertical-align: middle;
        }

        .abbrev-table__header {
            background: #f2edd4;
        }

        .abbrev-table__header-title {
            font-weight: bold;
            font-size: 12pt;
            text-align: center;
        }

        .abbrev-table__cell--bold {
            font-weight: bold;
        }

        /* ===== Age Limit Table ===== */
        .age-table-wrapper {
            margin-bottom: 10px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .age-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }

        .age-table th,
        .age-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            font-size: 10pt;
            font-family: 'Arial', sans-serif;
            text-align: center;
            vertical-align: middle;
        }

        .age-table__title-row {
            background: #c9af647d;
        }

        .age-table__title-row td {
            font-weight: bold;
            font-size: 10pt;
        }

        .age-table__cat-row {
            background: #f2edd4;
        }

        .age-table__cat-cell {
            font-weight: bold;
            font-size: 10pt;
        }

        /* ===== Exam Cities Table ===== */
        .exam-cities-wrapper {
            margin-bottom: 10px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .exam-cities-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }

        .exam-cities-table th,
        .exam-cities-table td {
            border: 1px solid #000;
            padding: 4px 8px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            text-align: center;
            vertical-align: middle;
        }

        .exam-cities-table__header {
            background: #f9e3c1;
            font-weight: bold;
            font-size: 16px;
        }

        .exam-cities-table__divider {
            border-left: 3px double #000 !important;
            border-right: 3px double #000 !important;
        }

        .exam-cities-table__cell--justify {
            text-align: justify;
        }

        /* ===== Skill Test Weightage Table ===== */
        .skill-table-wrapper {
            margin-bottom: 10px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .skill-table {
            width: 80%;
            margin: 0 auto;
            border-collapse: collapse;
            border: 1px solid #000;
        }

        .skill-table th,
        .skill-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            font-size: 10pt;
            font-family: 'Arial', sans-serif;
            text-align: center;
            vertical-align: middle;
        }

        .skill-table__header {
            background: #f2edd4;
            font-weight: bold;
        }

        .skill-table__total-cell {
            font-weight: bold;
        }

        /* ===== Sub-sub-instruction list (e.g. 7.1.1, 7.1.2...) ===== */
        .gen-instructions__sub-sub-list {
            list-style: none;
            padding-left: 18px;
            margin: 4px 0;
        }

        .gen-instructions__sub-sub-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 4px;
        }

        .gen-instructions__sub-sub-list li::before {
            content: none;
        }

        .gen-instructions__sub-sub-list li .sub-num {
            font-weight: bold;
        }

        /* ===== Certificate bullet list (inside 7.1.3) ===== */
        .gen-instructions__cert-list {
            list-style: disc;
            padding-left: 36px;
            margin: 4px 0;
        }

        .gen-instructions__cert-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 2px;
        }

        .gen-instructions__cert-list li::before {
            content: none;
        }

        /* ===== Deep sub-instruction paragraphs (e.g. 10.3.1–10.3.6) ===== */
        .gen-instructions__deep-sub {
            text-indent: 0;
            padding-left: 18px;
            margin-bottom: 4px;
            text-align: justify;
            line-height: 1.5;
        }

        .gen-instructions__deep-sub .sub-num {
            font-weight: bold;
        }

        /* ===== VSSC-337 Responsive Additions ===== */
        @media (max-width: 768px) {
            .pgt-table {
                table-layout: auto;
            }

            .pgt-table th,
            .pgt-table td {
                font-size: 9pt;
                padding: 4px 6px;
            }

            .abbrev-table th,
            .abbrev-table td {
                font-size: 8pt;
                padding: 2px 4px;
            }

            .age-table th,
            .age-table td {
                font-size: 8pt;
                padding: 4px 4px;
            }

            .exam-cities-table {
                table-layout: auto;
            }

            .exam-cities-table th,
            .exam-cities-table td {
                font-size: 9pt;
                padding: 3px 4px;
            }

            .skill-table {
                width: 100%;
            }

            .skill-table th,
            .skill-table td {
                font-size: 8pt;
                padding: 4px 4px;
            }

            .gen-instructions__sub-sub-list {
                padding-left: 10px;
            }

            .gen-instructions__cert-list {
                padding-left: 24px;
            }

            .gen-instructions__deep-sub {
                padding-left: 10px;
            }
        }

        @media print {
            .pgt-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .abbrev-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .age-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .exam-cities-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .skill-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }
        }

           /* ============================================================
           NEW CLASSES STARTED — Advertisement VSSC-336 Specific Styles
           ============================================================ */

        /* ===== Large Button Variant (16pt) ===== */
        .btn--large {
            font-size: 16pt;
        }

        /* ===== Scientist/Engineer Post Table ===== */
        .scientist-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .scientist-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid windowtext;
            table-layout: fixed;
        }

        .scientist-table th,
        .scientist-table td {
            border: 1px solid windowtext;
            padding: 6px 8px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .scientist-table__banner {
            background: #ceffcc;
            text-align: center;
            font-weight: bold;
            font-size: 16px;
        }

        .scientist-table__header {
            background: #e8edf5;
            text-align: center;
            font-weight: bold;
            height: 26px;
            font-size: 16px;
        }

        .scientist-table__col-code {
            width: 63px;
            text-align: center;
        }

        .scientist-table__col-count {
            width: 95px;
            text-align: center;
        }

        .scientist-table__col-centre {
            width: 120px;
            text-align: center;
        }

        .scientist-table__col-qual {
            width: auto;
        }

        .scientist-table__col-physical {
            width: 142px;
            text-align: center;
        }

        .scientist-table__col-nature {
            width: 200px;
        }

        .scientist-table__cell-center {
            text-align: center;
            font-weight: bold;
        }

        .scientist-table__cell-details {
            background: #fff;
            padding: 6px 14px !important;
            text-align: justify;
            line-height: 1.5;
            font-size: 16px;
        }

        .scientist-table__cell-physical {
            text-align: justify;
            line-height: 18.5pt;
        }

        .scientist-table__cell-nature {
            text-align: justify;
            line-height: 18.5pt;
        }

        .scientist-table__job-list {
            list-style: disc;
            padding-left: 36px;
            margin: 4px 0;
        }

        .scientist-table__job-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 4px;
        }

        .scientist-table__job-list li::before {
            content: none;
        }

        /* ===== Info Bar (generic section banner) ===== */
        .info-bar {
            background-color: #ddd9d9;
            text-align: center;
            padding: 5px 0;
            margin-bottom: 10px;
        }

        .info-bar__title {
            font-weight: bold;
            font-size: 16px;
            text-transform: uppercase;
        }

        /* ===== Important Points Numbered List (16px) ===== */
        .important-points {
            margin: 0 30px 0 40px;
            padding: 0;
            list-style: none;
            counter-reset: imp-counter;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
        }

        .important-points li {
            margin-bottom: 6px;
            text-align: justify;
            text-indent: -27px;
            padding-left: 27px;
            line-height: 1.5;
        }

        .important-points li::before {
            counter-increment: imp-counter;
            content: counter(imp-counter) ". ";
            font-weight: normal;
            min-width: 27px;
            display: inline-block;
        }

        .important-points li strong {
            font-weight: bold;
        }

        /* ===== Abbreviations Table — Alternate (olive green) ===== */
        .abbrev-table-alt-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0f100f;
        }

        .abbrev-table-alt {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
            background: #f6ffe7;
        }

        .abbrev-table-alt th,
        .abbrev-table-alt td {
            border: 1px solid #000;
            padding: 4px 6px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            text-align: center;
            vertical-align: middle;
            line-height: 12pt;
        }

        .abbrev-table-alt__header {
            background: #b3be9e;
        }

        .abbrev-table-alt__header-title {
            font-weight: bold;
            font-size: 16px;
            text-align: center;
        }

        .abbrev-table-alt__divider {
            border-left: 3px double #000 !important;
            border-right: 3px double #000 !important;
        }

        .abbrev-table-alt__cell--bold {
            font-weight: bold;
        }

        /* ===== Exam Cities Table — Violet Header Variant ===== */
        .exam-cities-table__header--violet {
            background: #bec0ee;
        }

        /* ===== Question Paper Pattern Table ===== */
        .pattern-table-wrapper {
            margin-bottom: 16px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .pattern-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }

        .pattern-table th,
        .pattern-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .pattern-table__header {
            background: #e8edf5;
            text-align: center;
            font-weight: bold;
        }

        .pattern-table__post-cell {
            text-align: center;
            font-weight: bold;
        }

        .pattern-table__content-cell {
            padding: 6px 14px !important;
            text-align: left;
            line-height: 1.5;
        }

        .pattern-table__sub-list {
            list-style: square;
            padding-left: 30px;
            margin: 4px 0;
        }

        .pattern-table__sub-list li {
            margin-bottom: 4px;
        }

        .pattern-table__sub-list li::before {
            content: none;
        }

        /* ===== Qualifying Criteria Table ===== */
        .qualify-table-wrapper {
            margin-bottom: 16px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .qualify-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }

        .qualify-table th,
        .qualify-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            text-align: center;
            vertical-align: middle;
        }

        .qualify-table__header-row {
            background: #e7ffcd;
        }

        .qualify-table__header-cell {
            font-weight: bold;
            text-align: center;
        }

        .qualify-table__data-cell {
            text-align: center;
        }

        /* ===== Corrigendum Box — Warm Variant ===== */
        .corrigendum-box--warm {
            background: #f4e3c2;
        }

        /* ===== Roman Numeral Sub-list ===== */
        .gen-instructions__roman-list {
            list-style: lower-roman;
            padding-left: 80px;
            margin: 4px 0;
        }

        .gen-instructions__roman-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 2px;
        }

        .gen-instructions__roman-list li::before {
            content: none;
        }

        /* ===== VSSC-336 Responsive Additions ===== */
        @media (max-width: 768px) {
            .scientist-table {
                table-layout: auto;
            }

            .scientist-table th,
            .scientist-table td {
                font-size: 9pt;
                padding: 4px 6px;
            }

            .important-points {
                margin-left: 15px;
                margin-right: 10px;
                font-size: 12px;
            }

            .abbrev-table-alt th,
            .abbrev-table-alt td {
                font-size: 8pt;
                padding: 2px 3px;
            }

            .exam-cities-table {
                table-layout: auto;
            }

            .exam-cities-table th,
            .exam-cities-table td {
                font-size: 9pt;
                padding: 3px 4px;
            }

            .pattern-table th,
            .pattern-table td {
                font-size: 9pt;
                padding: 4px 6px;
            }

            .pattern-table__sub-list {
                padding-left: 18px;
            }

            .qualify-table th,
            .qualify-table td {
                font-size: 9pt;
                padding: 4px 4px;
            }

            .gen-instructions__roman-list {
                padding-left: 40px;
            }
        }

        @media print {
            .scientist-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .abbrev-table-alt-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .exam-cities-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .pattern-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .qualify-table-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }

            .corrigendum-box--warm {
                box-shadow: none;
            }
        }



          /* ============================================================
           NEW CLASSES STARTED — Advertisement VSSC-335 Specific Styles
           ============================================================ */

        /* ===== Technical / Scientific / Library Assistant Tables ===== */
        /* These tables have a green banner, blue header, and specific columns */
        .ta-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .ta-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid windowtext;
            table-layout: fixed;
        }

        .ta-table th,
        .ta-table td {
            border: 1px solid windowtext;
            padding: 6px 8px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .ta-table__banner {
            background: #ceffcc;
            text-align: center;
            font-weight: bold;
            height: 23.85pt;
        }
        
        .ta-table__header {
            background: #e8edf5;
            text-align: center;
            font-weight: bold;
            height: 25.75pt;
        }

        /* Columns */
        .ta-table__col-post { width: 63px; text-align: center; }
        .ta-table__col-discipline { width: 95px; text-align: center; }
        .ta-table__col-vacancies { width: 106px; text-align: center; }
        .ta-table__col-center { width: 106px; text-align: center; }
        .ta-table__col-qual { width: auto; }
        .ta-table__col-physical { width: 142px; text-align: center; }
        .ta-table__col-nature { width: 263px; }

        .ta-table__cell-center { text-align: center; font-weight: bold; }
        .ta-table__cell-details {
            background: #fff;
            padding: 6px 14px !important;
            text-align: justify;
            line-height: 18.5pt;
        }
        .ta-table__cell-sub {
            background: #fff;
            font-size: 10pt;
            text-align: justify;
            font-style: italic;
        }
        
        /* Pay & Age Limit Table (Inside Item 3) */
        .pay-age-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .pay-age-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
            background: #d5d1db;
        }

        .pay-age-table th,
        .pay-age-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: middle;
            text-align: center;
        }

        .pay-age-table__header {
            background: #e7ffcd;
            font-weight: bold;
        }

        /* Selection Process Table (Inside Item 9) */
        .selection-process-table-wrapper {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .selection-process-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
        }

        .selection-process-table th,
        .selection-process-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .selection-process-table__level {
            width: 10%;
            text-align: center;
            font-weight: bold;
        }

        .selection-process-table__content {
            width: 90%;
        }
        
        .selection-process-table__sub-item {
            margin-left: 20px;
            text-indent: -15px;
        }

        /* Exam Cities Table (Existing class but with specific styling for 335) */
        .exam-cities-table__header--violet {
            background: #bec0ee;
            font-weight: bold;
            font-size: 11pt;
        }

        /* VSSC-335 Responsive Additions */
        @media (max-width: 768px) {
            .ta-table { table-layout: auto; }
            .ta-table th, .ta-table td { font-size: 9pt; padding: 4px 6px; }
            
            .pay-age-table { table-layout: auto; }
            .pay-age-table th, .pay-age-table td { font-size: 9pt; }
            
            .selection-process-table { table-layout: auto; }
            .selection-process-table th, .selection-process-table td { font-size: 9pt; }
            
            .exam-cities-table { table-layout: auto; }
            .exam-cities-table th, .exam-cities-table td { font-size: 9pt; }
        }

        @media print {
            .ta-table-wrapper, .pay-age-table-wrapper, .selection-process-table-wrapper, .exam-cities-wrapper {
                box-shadow: none;
                border: 1px solid #0776ff;
            }
        }


         /* ============================================================
           NEW CLASSES STARTED — VSSC-334 Specific Styles
           ============================================================ */

        /* ===== Dates Table Grey Variant ===== */
        .dates-table--grey {
            background: #d8d8d8;
        }

        /* ===== Qualification Cell with Numbered Items ===== */
        .ta-table__cell-qual-numbered {
            background: #fff;
            padding: 6px 14px !important;
            text-align: justify;
            line-height: 18.5pt;
        }

        .ta-table__cell-qual-numbered p {
            margin: 0;
            margin-left: 16.1pt;
            text-indent: -16.1pt;
        }

        /* ===== Pay & Age Table White Variant (334) ===== */
        .pay-age-table--white {
            background: #fff;
        }

        .pay-age-table__header--warm {
            background: #f2edd4;
            font-weight: bold;
        }

        /* ===== Selection Process Table 334 Variant ===== */
        .selection-process-table-wrapper--334 {
            margin-bottom: 15px;
            overflow-x: auto;
            box-shadow: 0 0 20px #8abcf8;
        }

        .selection-process-table--334 {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #000;
            background: #fffaec;
        }

        .selection-process-table--334 td {
            border: 1px solid #000;
            padding: 8px 14px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .selection-process-table--334 ol {
            margin: 5px 0 5px 25px;
            padding-left: 20px;
        }

        .selection-process-table--334 ol li {
            margin-bottom: 5px;
            text-align: justify;
        }

        .selection-process-table--334 ul {
            margin: 3px 0 3px 25px;
            padding-left: 20px;
        }

        .selection-process-table--334 ul li {
            margin-bottom: 3px;
            text-align: justify;
        }

        /* Lower-alpha list style (replaces deprecated type="a") */
        .list--lower-alpha {
            list-style-type: lower-alpha;
        }

        /* ===== Exam Cities Table Header Warm ===== */
        .exam-cities-table__header--warm {
            background: #f9e3c1;
            font-weight: bold;
            font-size: 11pt;
        }

        /* ===== Exam Cities Double Border Divider ===== */
        .exam-cities-table__divider {
            border-right: 3px double #000 !important;
        }

        /* ===== General Conditions Heading — Plain (No Bar) ===== */
        .gen-conditions-heading--plain {
            font-weight: bold;
            text-decoration: underline;
            margin: 10px 30px 6px 40px;
            font-size: 11pt;
        }

        /* ===== Warning Text — Plain (No Box) ===== */
        .warning-text--plain {
            margin: 0 27.35pt 0 21.3pt;
            text-align: justify;
            font-style: italic;
            font-weight: bold;
            line-height: 18.5pt;
            font-size: 11pt;
        }

        /* ===== Note Text — Underlined ===== */
        .note-text--underlined {
            margin: 0 30px 6px 42.55pt;
            text-align: justify;
            text-indent: 0;
            font-size: 11pt;
        }

        /* ===== VSSC-334 Responsive Additions ===== */
        @media (max-width: 768px) {
            .selection-process-table--334 { table-layout: auto; }
            .selection-process-table--334 td { font-size: 9pt; padding: 4px 6px; }
            .selection-process-table--334 ol { margin-left: 10px; padding-left: 10px; }
            .selection-process-table--334 ul { margin-left: 10px; padding-left: 10px; }
            .warning-text--plain { margin: 0 10px; }
            .note-text--underlined { margin: 0 10px 6px 10px; }
            .gen-conditions-heading--plain { margin-left: 10px; margin-right: 10px; }
        }

                /* ============================================================
           NEW CLASSES STARTED — VSSC-333 Specific Styles
           ============================================================ */

        /* ===== Dates Table Plain Variant (333 — no background) ===== */
        .dates-table--plain {
            background: transparent;
        }

        /* ===== Intro Text — Bold First Line (SPL description) ===== */
        .intro-text--spl {
            margin: 0 30px 6px 40px;
            text-align: justify;
            line-height: 18.5pt;
        }

        /* ===== Advertisement Subtitle (blue inline invite text) ===== */
        .ad-subtitle {
            font-family: 'Cambria', serif;
            font-size: 18pt;
            font-weight: bold;
            color: #130593;
            text-align: center;
            margin-bottom: 15px;
            line-height: 1.5;
        }

        /* ===== JRF Position Table ===== */
        .jrf-table-wrapper {
            margin-bottom: 15px;
            margin-top: 7px;
            overflow-x: auto;
            box-shadow: 0 0 20px #0776ff;
        }

        .jrf-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid windowtext;
        }

        .jrf-table td {
            border: 1px solid windowtext;
            padding: 6px 8px;
            font-size: 11pt;
            font-family: 'Arial', sans-serif;
            vertical-align: top;
        }

        .jrf-table__banner {
            background: #ceffcc;
            text-align: center;
            font-weight: bold;
        }

        .jrf-table__header {
            text-align: center;
            font-weight: bold;
        }

        .jrf-table__col-code { width: 55px; }
        .jrf-table__col-position { width: 64px; }
        .jrf-table__col-count { width: 64px; }
        .jrf-table__col-qual { width: auto; }

        .jrf-table__cell-center {
            text-align: center;
            font-weight: bold;
        }

        .jrf-table__cell-qual {
            background: #fff;
            text-align: justify;
            line-height: 18.5pt;
        }

        .jrf-table__cell-qual p {
            margin: 0;
            text-indent: 0;
        }

        .jrf-table__or-center {
            text-align: center;
            margin: 6px 0;
        }

        .jrf-table__sub-heading {
            margin-left: 18pt;
            text-align: justify;
        }

        .jrf-table__qual-list {
            margin: 0 0 0 22.5pt;
            padding-left: 0;
            list-style: none;
        }

        .jrf-table__qual-list li {
            margin-bottom: 3px;
            text-align: justify;
        }

        /* ===== General Instructions — Wide Margin (333 uses ~49.65pt) ===== */
        .gen-instructions--wide {
            margin: 0 30px 0 26.65pt;
            padding: 0;
            list-style: none;
            counter-reset: gen-instruction-wide-counter;
        }

        .gen-instructions--wide li {
            margin-bottom: 6px;
            text-align: justify;
            /* text-indent: -22px; */
            /* padding-left: 22px; */
            line-height: 1.5;
        }

        .gen-instructions--wide li::before {
            counter-increment: gen-instruction-wide-counter;
            content: counter(gen-instruction-wide-counter) ". ";
            font-weight: bold;
            /* min-width: 22px; */
            display: inline-block;
        }

        .gen-instructions--wide li strong {
            font-weight: bold;
        }

        /* ===== Intro Text — Wide Margin variant (333) ===== */
        .intro-text--wide {
            margin: 0 30px 6px 67.65pt;
            text-align: justify;
            line-height: 18.5pt;
        }

        /* ===== Section Heading — Wide Margin ===== */
        .section-heading--wide {
            font-size: 11pt;
            font-weight: bold;
            text-decoration: underline;
            margin: 0 30px 6px 67.65pt;
        }

        /* ===== Gender Note — Wide Margin ===== */
        .gender-note--wide {
            margin: 0 30px 6px 67.65pt;
            text-align: justify;
            font-style: italic;
            font-weight: bold;
        }

        /* ===== General Conditions Heading — Wide Centered (333) ===== */
        .gen-conditions-heading--wide-center {
            font-weight: bold;
            text-decoration: underline;
            text-transform: uppercase;
            margin: 12px 30px 12px 67.65pt;
            text-align: center;
            font-size: 11pt;
        }

        /* ===== Warning Text — Wide Margin (333) ===== */
        .warning-text--wide {
            margin: 0 30px 0 22.65pt;
            text-align: justify;
            font-style: italic;
            font-weight: bold;
            line-height: 18.5pt;
            font-size: 11pt;
        }

        /* ===== Note Text — Wide Plain (333) ===== */
        .note-text--wide {
            margin: 0 30px 0 67.65pt;
            text-align: justify;
            font-size: 11pt;
        }

        /* ===== Sub-list for Documents (Item 18 of 333) ===== */
        .gen-instructions__doc-list {
            list-style: none;
            padding-left: 0;
            margin: 3px 0 0 0;
        }

        .gen-instructions__doc-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 2px;
        }

        .gen-instructions__doc-list li::before {
            content: none;
        }

        /* ===== Interview Documents Sub-list (Item 7 of 333) ===== */
        .gen-instructions__interview-doc-list {
            list-style: none;
            padding-left: 0;
            margin: 3px 0;
        }

        .gen-instructions__interview-doc-list li {
            text-indent: 0;
            padding-left: 0;
            margin-bottom: 6px;
        }

        .gen-instructions__interview-doc-list li::before {
            content: none;
        }

        /* ===== Emoluments sub-text (Item 5) ===== */
        .emoluments-text {
            margin: 0 30px 6px 22.65pt;
            text-align: justify;
            line-height: 18.5pt;
            font-size: 11pt;
        }

        /* ===== VSSC-333 Responsive Additions ===== */
        @media (max-width: 768px) {
            .jrf-table { table-layout: auto; }
            .jrf-table td { font-size: 9pt; padding: 4px 6px; }
            .gen-instructions--wide { margin-left: 10px; margin-right: 10px; }
            .intro-text--wide { margin-left: 10px; margin-right: 10px; }
            .intro-text--spl { margin-left: 10px; margin-right: 10px; }
            .section-heading--wide { margin-left: 10px; margin-right: 10px; }
            .gender-note--wide { margin-left: 10px; margin-right: 10px; }
            .gen-conditions-heading--wide-center { margin-left: 10px; margin-right: 10px; }
            .warning-text--wide { margin-left: 10px; margin-right: 10px; }
            .note-text--wide { margin-left: 10px; margin-right: 10px; }
            .emoluments-text { margin-left: 10px; margin-right: 10px; }
            .ad-subtitle { font-size: 14pt; }
        }

        @media print {
            .jrf-table-wrapper {
                box-shadow: none;
            }
        }