.page-heading { text-align:center; margin-top:-360px; padding:40px 10px 10px; color:#2e004f; }
    .page-heading h1 { font-size:28px; font-weight:bold; font-family:"Calisto MT", serif; text-transform:uppercase; border-bottom:3px solid #4F2888; display:inline-block; padding-bottom:8px; }

   
    /* ✅ Desktop spacing (unchanged) */ @media (min-width: 601px) {  .intro-text p { margin-left: 2cm; margin-right: 2cm; } }
    /* ✅ Fix uneven spacing only on mobile view */ @media (max-width: 600px) { .intro-text {   text-align: left;        /* Removes awkward justify gaps */   line-height: 1.4;        /* Tighter and even spacing */ padding: 25px 15px;      /* Balanced padding for mobile */ }
     .intro-text p {  margin: 0 0 10px 0;      /* Removes uneven margins between headings */  line-height: 1.4; } }
    .wave-divider svg { width:100%; height:450px; display:block; }
    @media (max-width:768px) { .wave-divider svg { height:380px; } }

   table{width:90%;margin-left:5%;border-collapse:collapse;box-shadow:0 4px 10px rgba(0,0,0,0.15);border-radius:10px;overflow:hidden;table-layout:fixed;font-family:"Bahnschrift Condensed";}
   th:first-child,td:first-child{width:20%;padding-left:8px;}
   th:last-child,td:last-child{width:80%;padding-right:12px;}@media(max-width:600px)
   {th:first-child,td:first-child{width:45%;}th:last-child,td:last-child{width:45%;}}
   th{background-color:#8398ebe6;color:#f5f4f4;text-align:left;font-size:18px;padding:14px 12px;border-right:2px solid #f0ecec;border-bottom:1px solid #c8d4ef;}td{background-color:#f2f2f2;color:#333;font-size:19px;padding:14px 12px;border-bottom:1px solid #d0d7e2;vertical-align:top;word-wrap:break-word;}tr:hover td{background-color:#e9ecf3;}caption{caption-side:top;text-align:left;font-size:22px;font-weight:bold;color:#2f4582;margin-bottom:10px;}
   section table+table{margin-top:40px;}
   
    /* Add space between sections that follow another section (e.g., between tables in different sections) */
section + section {
  margin-top: 50px;  /* adjust this number as you like */
}
    td:first-child { background-color:#cce5ff; color:#000; font-weight:bold; font-size:19px; }

    .click-link { color:#2f4582; font-weight:bold; font-size:18px; text-decoration:none; transition:color 0.3s ease; }
    .click-link:hover { color:red; text-decoration:underline; }

    /* ========================= */
/* MOBILE TABLE OPTIMIZATION */
/* ========================= */

@media (max-width:600px){

  table{
    width:95%;
    margin-left:2.5%;
  }

  th, td{
    padding:8px 8px;        /* reduce height */
    font-size:15px;         /* smaller text */
    line-height:1.4;
  }

  /* Column width balance */
  th:first-child,
  td:first-child{
    width:45%;
    font-size:15px;
  }

  th:last-child,
  td:last-child{
    width:55%;
    font-size:15px;
  }

  /* Prevent ugly word breaking */
  td{
    word-break:normal;
    overflow-wrap:break-word;
  }

}
/* ================================= */
/* JOB PAGE INTRO STYLE (LIKE BANKING PAGE) */
/* ================================= */

/* Main Job Title */
.page-heading h1,
.job-title,
.post-title {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  color: #2e004f;
  text-align: center;
  margin-bottom: 18px;
  line-height: 1.4;
  text-transform: none;
}

/* Intro Paragraph */
.job-intro p,
.intro-text p {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #2e004f;
  margin-bottom: 18px;
}

/* ================= MOBILE ================= */ @media (max-width:600px)
{ .page-heading h1, .job-title, .post-title{ font-size: 22px !important; }
.job-intro p, 
.intro-text p{ font-size: 13px !important; line-height: 1.6; } }

/* Intro Transparent Card */

.intro-text{
    width:92%;
    max-width:1400px;

    margin:25px auto;

    background:#f5f6f8;   /* Light grey */

    border-radius:20px;

    padding:30px;

    box-shadow:0 4px 15px rgba(0,0,0,0.08);

    border:1px solid #e2e5ea;
}

/* Mobile View */

@media(max-width:768px){

    .intro-text{
        width:96%;

        padding:22px 18px;

        border-radius:16px;

        margin:15px auto;
    }

    .intro-text p{
        font-size:18px;
        line-height:1.7;
    }
}


.last-updated{
    display:inline-block;
    background:#e3f2fd;
    color:#0d47a1;
    padding:8px 16px;
    border-radius:20px;
    font-size:14px;
    font-weight:600;
    margin:10px auto 20px;
}

.last-updated-wrapper{
    text-align:left;
}

.toc-box{
    max-width:1100px;
    margin:25px auto;
    padding:20px;
    background:#f8f9ff;
    border:1px solid #d9d9d9;
    border-radius:12px;
}

.toc-box h2{
    margin-top:0;
    margin-bottom:15px;
    color:#2e004f;
    font-size:22px;
}

.toc-box a{
    display:inline-block;
    margin:6px;
    padding:8px 14px;
    background:#eef1ff;
    border-radius:8px;
    text-decoration:none;
    color:#2e004f;
    font-weight:600;
}

.toc-box a:hover{
    background:#dce4ff;
}

section {
    margin-bottom: 25px;
}