/* ================= ROOT ================= */
:root{
    --primary:var(--site-primary-2, #2a5298);
    --secondary:var(--site-link, #2563eb);
    --text:var(--site-text, #0f172a);
    --bg1:var(--site-surface, #ffffff);
    --bg2:var(--site-surface-2, #f8fafc);
    --radius:var(--site-radius, 14px);
    --vac-border:var(--site-border);
    --vac-shadow-sm:var(--site-shadow-sm);
    --vac-shadow:var(--site-shadow);
    --vac-shadow-hover:var(--site-shadow-hover);
    }
    
    /* ================= BODY ================= */
    body{
    margin:0;
    font-family:var(--site-font, "Segoe UI", sans-serif);
    color:var(--text);
    background:var(--bg1);
    background-color:var(--bg1);
    overflow-x:hidden;
    }
    
    
    /* ================= PAGE HEADER (breadcrumb → title spacing) ================= */
    .job-container > .post-meta-header{
    margin:0;
    padding:0;
    }

    .job-container > .post-meta-header .breadcrumb{
    margin:10px 0 0;
    }

    /* ================= TITLE (blue headline — details flow below) ================= */
    .job-title-section{
    margin:20px 0 0;
    padding:0 0 14px;
    border:none;
    border-radius:0;
    background:transparent;
    border-bottom:1px solid #e2e8f0;
    box-shadow:none;
    }

    .job-title-section::after{
    display:none;
    }
  
    .job-title{
    margin:0;
    color:#2563eb;
    font-size:clamp(1.35rem, 3.6vw, 1.95rem);
    font-weight:800;
    line-height:1.35;
    letter-spacing:-0.02em;
    word-break:break-word;
    overflow-wrap:anywhere;
    hyphens:auto;
    background:none;
    -webkit-text-fill-color:#2563eb;
    }

    [data-theme="dark"] .job-title-section{
    border-bottom-color:#334155;
    background:transparent;
    }

    [data-theme="dark"] .job-title{
    color:#60a5fa;
    -webkit-text-fill-color:#60a5fa;
    }
  
    /* ================= META INFO (compact byline box — all screens) ================= */
    .meta-info-section{
    margin-top:var(--space-12);
    padding:0;
    width:100%;
    max-width:100%;
    border-radius:10px;
    border:1px solid #e2e8f0;
    background:#f8fafc;
    box-shadow:none;
    overflow:hidden;
    box-sizing:border-box;
    }
  
    .meta-info{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    align-items:stretch;
    }
  
    .meta-item{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
    padding:9px 14px;
    border-radius:0;
    background:transparent;
    border:0;
    border-bottom:1px solid #e2e8f0;
    min-width:0;
    }

    .meta-item:last-child{
    border-bottom:0;
    }
  
    .meta-label{
    flex:0 0 auto;
    min-width:6.25rem;
    font-size:10px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#64748b;
    white-space:nowrap;
    line-height:1.3;
    }
  
    .meta-value{
    flex:1 1 auto;
    min-width:0;
    font-size:13px;
    color:#0f172a;
    font-weight:600;
    line-height:1.45;
    word-break:break-word;
    }
  
    .meta-info-section .meta-tag,
    .meta-info-section a.meta-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:0;
    height:auto;
    padding:4px 10px;
    border-radius:6px;
    background:#2563eb;
    color:#ffffff;
    border:1px solid #1d4ed8;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    white-space:normal;
    line-height:1.3;
    max-width:100%;
    }
  
    .meta-info-section .meta-tag:hover,
    .meta-info-section a.meta-tag:hover{
    background:#1d4ed8;
    color:#ffffff;
    }

    /* Desktop: shrink box to content width */
    @media (min-width: 769px) {
    .meta-info-section{
    width:fit-content;
    max-width:100%;
    }

    .meta-item{
    gap:12px;
    padding:9px 16px;
    }

    .meta-label{
    min-width:7.5rem;
    }
    }
    
    /* ================= CARD ================= */
    .card{
    background:var(--section-body-bg, var(--site-surface, #ffffff));
    border-radius:var(--site-radius, 14px);
    padding:18px 22px;
    margin-bottom:24px;
    border:1px solid var(--vac-border);
    border-left:4px solid var(--primary);
    box-shadow:none;
    }
    
    /* ================= CARD HEADER (desktop — section label, taller bar than table th) ================= */
    .card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:6px;
    margin:-18px -22px 0;
    padding:10px 20px;
    background:#1e3c72;
    color:#ffffff;
    border-bottom:1px solid rgba(255,255,255,0.12);
    border-radius:var(--site-radius, 14px) var(--site-radius, 14px) 0 0;
    }
    
    .card-header h2{
    font-size:15px;
    margin:0;
    font-weight:700;
    line-height:1.3;
    letter-spacing:-0.01em;
    color:#ffffff;
    }

    .card-header .section-title{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:600;
    color:#ffffff;
    }

    .card-header .section-icon{
    display:none;
    }

    /* Flush table/links directly under section title bar */
    .card:has(> .card-content > .table-responsive:first-child) > .card-header,
    .card:has(> .card-content > .link-box:first-child) > .card-header{
    margin-bottom:0;
    border-radius:var(--site-radius, 14px) var(--site-radius, 14px) 0 0;
    }

    .card:not(:has(> .card-content > .table-responsive:first-child)):not(:has(> .card-content > .link-box:first-child)) > .card-header{
    margin-bottom:12px;
    border-bottom:0;
    }

    .card-content p{
    margin:0 0 0.75em;
    font-size:15px;
    line-height:1.55;
    font-weight:400;
    color:var(--section-body-text, #334155);
    letter-spacing:normal;
    word-spacing:normal;
    }

    .card-content p:last-child{
    margin-bottom:0;
    }

    /* Tables sit inside section card — edge-to-edge, nested under section bar */
    .card-content > .table-responsive{
    margin-left:-20px;
    margin-right:-20px;
    margin-bottom:0;
    width:calc(100% + 40px);
    max-width:calc(100% + 40px);
    }

    .card-content > .table-responsive:first-child{
    margin-top:0;
    }

    .card-content > .table-responsive:not(:last-child){
    margin-bottom:0;
    }

    .card-content > .table-responsive:last-child{
    margin-bottom:-18px;
    }

    /* After a table: breathing room before interstitial text */
    .card-content > .table-responsive + p{
    margin-top:1em;
    margin-bottom:0.4em;
    padding-top:0.65em;
    border-top:1px solid #e8eef4;
    }

    /* Text directly above a table = caption for the table below */
    .card-content > p + .table-responsive{
    margin-top:0.2em;
    }

    .card-content > p:has(+ .table-responsive){
    margin-bottom:0.35em;
    }

    /* ================= CONTENT LIST ================= */
    .card-content .content-list{
    margin:12px 0;
    padding-left:22px;
    list-style:disc;
    color:var(--section-body-text, #334155);
    font-size:16px;
    }

    .card-content .content-list li{
    margin:6px 0;
    line-height:1.7;
    padding-left:4px;
    }

    .card-content .content-list li::marker{
    color:#475569;
    font-size:0.85em;
    }

@media(max-width:768px){

.card-content p{
    font-size:16px;
    line-height:1.62;
    }

.card-content .content-list{
    font-size:16px;
    padding-left:18px;
    }

.card-content .content-list li{
    line-height:1.65;
    }

}
    /* ================= DATE ROW ================= */
    .date-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #eee;
    font-size:16px;
    line-height:1.5;
    }

    .date-label{
    color:#475569;
    font-weight:500;
    }
    
    .date-value{
    color:#163a5e;
    font-weight:700;
    font-variant-numeric:tabular-nums;
    }

    .date-value--placeholder{
    color:#64748b;
    font-weight:500;
    font-style:italic;
    }

    /* Desktop: 2-column label/value (Important Dates, Fee, Age Limit) — mobile untouched */
    @media (min-width: 769px) {
    .date-row{
    display:grid;
    grid-template-columns:minmax(0, 58%) minmax(0, 42%);
    column-gap:28px;
    justify-content:unset;
    align-items:start;
    }

    .date-label{
    padding-right:14px;
    }

    .date-value{
    padding-left:10px;
    text-align:left;
    }
    }
    
    /* ================= LINKS ================= */
    .links-grid,
    .card-content:has(> .link-box){
    margin:0 -22px -18px;
    width:calc(100% + 44px);
    max-width:calc(100% + 44px);
    border:0;
    border-top:1px solid var(--vac-border);
    border-radius:0;
    background:#f8fafc;
    overflow:hidden;
    }

    .links-grid{
    display:flex;
    flex-direction:column;
    gap:0;
    }

    .links-grid .link-box,
    .card-content:has(> .link-box) > .link-box{
    border:none;
    border-radius:0;
    background:transparent;
    border-bottom:1px solid var(--vac-border);
    }

    .links-grid .link-box:last-child,
    .card-content:has(> .link-box) > .link-box:last-child{
    border-bottom:none;
    }
    
    .link-box{
    display:grid;
    grid-template-columns:1fr 1px 1fr;
    grid-template-areas:"label divider action";
    align-items:center;
    padding:10px 14px;
    min-height:48px;
    box-sizing:border-box;
    }

    .link-box::after{
    content:"";
    grid-area:divider;
    width:1px;
    background:var(--vac-border);
    align-self:stretch;
    justify-self:center;
    min-height:100%;
    }

    .left-text{
    grid-area:label;
    text-align:center;
    justify-self:stretch;
    min-width:0;
    padding-right:10px;
    }

    .right-link{
    grid-area:action;
    display:flex;
    justify-content:center;
    align-items:center;
    justify-self:stretch;
    gap:8px;
    flex-wrap:wrap;
    min-width:0;
    padding-left:10px;
    }

    .right-link.link-box-actions{
    justify-content:center;
    gap:4px;
    }

    .link-box-status{
    grid-area:action;
    text-align:center;
    }

    @media (max-width: 768px) {
    .left-text{
    text-align:left;
    padding-right:4px;
    }

    .right-link{
    justify-content:flex-end;
    gap:4px;
    padding-left:4px;
    }

    .right-link.link-box-actions{
    justify-content:flex-end;
    max-width:100%;
    }

    .right-link.link-box-actions a{
    flex:0 1 auto;
    min-width:0;
    max-width:100%;
    }

    .link-box-status{
    text-align:right;
    }
    }
    
    .left-text{
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    color:#475569;
    }
    
    .right-link a{
    background:var(--primary);
    color:var(--site-text-inverse);
    min-height:38px;
    padding:8px 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--site-radius-sm);
    border:none;
    box-shadow:none;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    line-height:1.25;
    white-space:nowrap;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background-color 0.15s ease, opacity 0.15s ease;
    }

    .right-link a:hover{
    background:var(--secondary);
    color:var(--site-text-inverse);
    }

    .right-link a:focus-visible{
    outline:2px solid var(--secondary);
    outline-offset:2px;
    }

    .right-link a:active{
    background:var(--secondary);
    opacity:0.9;
    }

    .right-link.link-box-actions a{
    padding-left:10px;
    padding-right:10px;
    }

    .link-box-status{
    font-size:14px;
    font-weight:600;
    line-height:1.35;
    color:var(--color-info);
    }
    
    /* ================= FAQ ================= */
    .faq-item{
    padding:15px;
    border-radius:var(--site-radius-sm);
    margin-bottom:12px;
    border-left:3px solid var(--secondary);
    background:var(--bg1);
    }
    
    .faq-q{
    font-weight:600;
    font-size:15px;
    }
    
    .faq-a{
    font-size:14px;
    color:#555;
    line-height:1.6;
    }

    /* ================= RICH INLINE TEXT ================= */
    .rt-bold{
    font-weight:700;
    }

    .rt-color{
    font-weight:600;
    }

    .rt-color--red{
    color:#e11d48;
    }

    .rt-color--green{
    color:#16a34a;
    }

    .rt-color--blue{
    color:#2563eb;
    }

    .rt-color--orange{
    color:#ea580c;
    }

    .rt-color--purple{
    color:#9333ea;
    }

    .rt-color--gray{
    color:#64748b;
    }

    .rt-color--yellow{
    color:#ca8a04;
    }

    .rt-highlight{
    background-color:#fef08a;
    color:inherit;
    padding:0 0.15em;
    border-radius:2px;
    }
    
    /* ================= TABLE ================= */
    .table{
    --table-head-bg:#ffffff;
    --table-head-color:#000000;
    --table-border:#cbd5e1;
    --table-row-even:#f8fafc;
    --table-row-odd:#ffffff;
    width:100%;
    max-width:100%;
    border-collapse:collapse;
    border:1px solid var(--table-border);
    table-layout:fixed;
    min-width:0;
    }

    .table-responsive{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
    box-sizing:border-box;
    padding-inline:2px;
    }

    /* Default: mobile-first fit — wrap text, no forced min-width */
    .table th,
    .table td{
    overflow-wrap:anywhere;
    word-break:break-word;
    white-space:normal;
    hyphens:manual;
    vertical-align:middle;
    border:1px solid var(--table-border);
    padding-inline:12px;
    }

    .table th{
    background:var(--table-head-bg);
    color:var(--table-head-color);
    padding-block:7px;
    font-size:15px;
    font-weight:700;
    text-align:center;
    line-height:1.25;
    }
    
    .table td{
    padding-block:8px;
    font-size:14px;
    text-align:left;
    line-height:1.45;
    font-variant-numeric:tabular-nums;
    color:var(--text);
    }

    .table tr:nth-child(even) td{
    background:var(--table-row-even);
    }

    .table tr:nth-child(odd) td{
    background:var(--table-row-odd);
    }

    .table a.table-cell-link{
    color:var(--primary);
    text-decoration:underline;
    text-underline-offset:2px;
    text-decoration-thickness:1px;
    cursor:pointer;
    transition:color 0.2s ease, text-decoration-color 0.2s ease, text-decoration-thickness 0.2s ease;
    -webkit-tap-highlight-color:transparent;
    padding:2px 0;
    }

    .table a.table-cell-link:hover,
    .table a.table-cell-link:focus-visible{
    color:var(--secondary);
    text-decoration-thickness:2px;
    outline:2px solid var(--primary);
    outline-offset:2px;
    }

    /* Wide matrices (5+ columns): allow horizontal scroll when truly needed */
    .table-responsive--wide{
    overflow-x:auto;
    position:relative;
    }

    .table.table--wide{
    table-layout:auto;
    width:max-content;
    max-width:none;
    min-width:min(100%, 36rem);
    }

    .table th:last-child,
    .table td:last-child{
    text-align:center;
    }

    .table-responsive--wide::after{
    content:"Swipe →";
    position:absolute;
    right:8px;
    bottom:6px;
    font-size:11px;
    font-weight:600;
    color:#64748b;
    pointer-events:none;
    opacity:0.85;
    }

    @media (min-width: 769px) {
    .table-responsive--wide::after{
    display:none;
    }
    }

    .table-responsive--wide .table th:first-child,
    .table-responsive--wide .table td:first-child{
    position:sticky;
    left:0;
    z-index:1;
    box-shadow:none;
    border-right:1px solid var(--table-border);
    }

    .table-responsive--wide .table th:first-child{
    background:var(--table-head-bg);
    z-index:2;
    }

    .table-responsive--wide .table tr:nth-child(even) td:first-child{
    background:var(--table-row-even);
    }

    .table-responsive--wide .table tr:nth-child(odd) td:first-child{
    background:var(--table-row-odd);
    }
    
    /* ================= RELATED (secondary / discovery — distinct from job sections) ================= */
    .related-section{
    background:#f1f5f9;
    border-radius:var(--site-radius, 14px);
    padding:0;
    margin:0 0 24px;
    border:1px solid #cbd5e1;
    border-left:4px solid #64748b;
    box-shadow:none;
    overflow:hidden;
    }

    .related-header{
    margin:0;
    padding:10px 22px;
    background:#475569;
    color:#f8fafc;
    border-bottom:1px solid #64748b;
    border-radius:var(--site-radius, 14px) var(--site-radius, 14px) 0 0;
    }

    .related-header h2{
    font-size:15px;
    margin:0;
    font-weight:600;
    line-height:1.4;
    letter-spacing:0.02em;
    text-transform:uppercase;
    color:#f8fafc;
    }

    .related-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    background:#f8fafc;
    }

    .related-card{
    padding:12px 14px;
    border-radius:0;
    background:#ffffff;
    border:0;
    border-right:1px solid #e2e8f0;
    border-bottom:1px solid #e2e8f0;
    }

    .related-card:nth-child(2n){
    border-right:0;
    }

    .related-card:nth-last-child(-n+2){
    border-bottom:0;
    }

    .related-card:nth-last-child(1):nth-child(odd){
    border-bottom:0;
    }
    
    .related-card a{
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    color:#1d4ed8;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    line-height:1.4;
    transition:color 0.2s ease, text-decoration-color 0.2s ease;
    }

    .related-card a:hover,
    .related-card a:focus-visible{
    color:#1e40af;
    text-decoration:underline;
    text-underline-offset:3px;
    }
    
    /* ================= SOCIAL SHARE ================= */
    .social-share-bar{
    margin:12px 0 16px;
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    }

    .social-share-actions{
    display:flex;
    align-items:stretch;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
    min-width:0;
    }

    .social-btn{
    min-height:40px;
    padding:0 12px;
    border-radius:999px;
    color:#ffffff;
    font-size:13px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    white-space:nowrap;
    line-height:1;
    flex:1 1 0;
    min-width:0;
    max-width:100%;
    border:none;
    cursor:pointer;
    transition:filter 0.18s ease, transform 0.18s ease;
    box-sizing:border-box;
    }

    .social-btn i{
    font-size:15px;
    line-height:1;
    flex:0 0 auto;
    }

    .social-btn:hover,
    .social-btn:focus-visible{
    filter:brightness(1.06);
    outline:2px solid rgba(37,99,235,0.35);
    outline-offset:2px;
    }

    .social-btn-share{
    background:#1e3c72;
    }

    .social-btn.whatsapp{background:#25D366;}
    .social-btn.telegram{background:#0088cc;}
    .social-btn.facebook{background:#1877f2;}

    @media (min-width: 769px) {
    .social-share-actions{
    flex-wrap:nowrap;
    gap:10px;
    max-width:min(100%, 36rem);
    }

    .social-btn{
    flex:1 1 0;
    min-width:0;
    min-height:42px;
    padding:0 14px;
    }
    }
  
    /* ================= ADVERTISEMENT + TOTAL POSTS ================= */
    .advt-summary-row{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    margin:14px 0 18px;
    }

    .advt-box{
    padding:12px 14px;
    border-radius:12px;
    border:1px solid #c5d4eb;
    border-left:4px solid #1e3c72;
    background:#ffffff;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    width:100%;
    box-sizing:border-box;
    }

    .advt-label{
    font-size:14px;
    color:#334155;
    font-weight:600;
    }

    .advt-sep{
    color:var(--text-secondary);
    font-weight:600;
    }

    .advt-value{
    display:inline-flex;
    align-items:center;
    padding:3px 10px;
    border-radius:6px;
    background:#2563eb;
    color:#ffffff;
    font-weight:700;
    letter-spacing:.02em;
    font-size:13px;
    }

    .advt-value--posts{
    font-variant-numeric:tabular-nums;
    }

@media (min-width: 769px) {
.job-container > .post-meta-header .breadcrumb{
  margin:12px 0 0;
  }

.job-container > .job-title-section{
  margin-top:22px;
  }

.advt-summary-row{
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:16px;
  max-width:min(100%, 44rem);
  }

.advt-box{
  width:auto;
  flex:0 1 auto;
  max-width:min(100%, 22rem);
  }

/* Text / dates / FAQ sections — narrower column for easier reading */
.page-vacancy .card.card--compact{
  max-width:min(100%, 46rem);
  }

/* Tables and Important Links stay full column width */
.page-vacancy .card.card--wide{
  max-width:100%;
  }

/* Desktop: extra table edge buffer (mobile already correct) */
.card-content > .table-responsive{
  margin-left:-18px;
  margin-right:-18px;
  width:calc(100% + 36px);
  max-width:calc(100% + 36px);
  }

.table-responsive{
  padding-inline:4px;
  }
}
    
    /* ================= MOBILE ================= */
    @media (max-width: 768px) {
    
    /* Single page gutter; cards use full column width (desktop unchanged) */
    .job-container{
    margin:12px 0 20px;
    padding:0 12px 20px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    }
    
    .job-title{
    font-size:clamp(1.2rem, 4.8vw, 1.5rem);
    line-height:1.35;
    }

    .job-container > .post-meta-header .breadcrumb{
    margin:6px 0 0;
    }

    .job-title-section{
    margin-top:14px;
    padding:0 0 12px;
    }
  
    .meta-info-section{
    padding:0;
    width:60%;
    max-width:60%;
    }

    .meta-item{
    gap:8px;
    padding:8px 12px;
    }

    .meta-label{
    min-width:4.5rem;
    font-size:9px;
    white-space:normal;
    }

    .meta-value{
    font-size:12px;
    }
    
    .card{
    width:100%;
    max-width:100%;
    padding:12px;
    margin:0 0 20px;
    border-left-width:3px;
    border-radius:10px;
    box-sizing:border-box;
    }

    .card-header{
    margin:-12px -12px 0;
    padding:8px 12px;
    background:#1e3c72;
    color:#ffffff;
    border-bottom:1px solid rgba(255,255,255,0.12);
    border-radius:10px 10px 0 0;
    }

    .card-header h2{
    font-size:15px;
    line-height:1.3;
    color:#ffffff;
    }

    .card:has(> .card-content > .table-responsive:first-child) > .card-header,
    .card:has(> .card-content > .link-box:first-child) > .card-header{
    margin-bottom:0;
    }

    .card:not(:has(> .card-content > .table-responsive:first-child)):not(:has(> .card-content > .link-box:first-child)) > .card-header{
    margin-bottom:10px;
    border-bottom:0;
    }

    .card-content > .table-responsive{
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:0;
    width:calc(100% + 20px);
    max-width:calc(100% + 20px);
    }

    .card-content > .table-responsive:not(:last-child){
    margin-bottom:0;
    }

    .card-content > .table-responsive:last-child{
    margin-bottom:-12px;
    }

    .card-content > .table-responsive + p{
    margin-top:0.85em;
    padding-top:0.55em;
    }

    .card-content > p + .table-responsive{
    margin-top:0.2em;
    }
    
    .date-row{
    font-size:15px;
    }

    .links-grid{
    margin:0 -12px -12px;
    width:calc(100% + 24px);
    max-width:calc(100% + 24px);
    }

    .card-content:has(> .link-box){
    margin:0 -12px -12px;
    width:calc(100% + 24px);
    max-width:calc(100% + 24px);
    }
    
    .link-box{
    padding:9px 10px;
    min-height:44px;
    }

    .left-text{
    font-size:14px;
    line-height:1.35;
    word-break:break-word;
    }
    
    .right-link a{
    display:inline-flex;
    text-align:center;
    width:auto;
    min-height:36px;
    font-size:13px;
    font-weight:600;
    padding:7px 12px;
    white-space:nowrap;
    max-width:100%;
    box-sizing:border-box;
    }

    .right-link.link-box-actions a{
    font-size:12px;
    padding:7px 8px;
    }
    
    .related-grid{
    grid-template-columns:1fr;
    }

    .related-card{
    border-right:0;
    }

    .related-card:not(:last-child){
    border-bottom:1px solid #e2e8f0;
    }

    .related-card:last-child{
    border-bottom:0;
    }

    .related-section{
    padding:0;
    margin:0 0 20px;
    }

    .related-header{
    margin:0;
    padding:8px 12px;
    background:#475569;
    color:#f8fafc;
    border-bottom:1px solid #64748b;
    border-radius:10px 10px 0 0;
    }

    .related-header h2{
    font-size:14px;
    line-height:1.4;
    color:#f8fafc;
    }
  
    .advt-summary-row{
    gap:8px;
    max-width:100%;
    }

    .advt-box{
    padding:10px 12px;
    gap:4px;
    width:100%;
    max-width:100%;
    }

    .advt-label,
    .advt-value{
    font-size:14px;
    }

    .table th,
    .table td{
    padding-block:6px;
    padding-inline:10px;
    line-height:1.35;
    }

    .table th{
    font-size:14px;
    text-align:center;
    }

    .table td{
    font-size:13px;
    }

    .table.table--wide{
    min-width:min(100%, 32rem);
    }

    .social-share-actions{
    flex-wrap:nowrap;
    gap:5px;
    }

    .social-btn{
    min-height:36px;
    font-size:10px;
    padding:0 6px;
    gap:4px;
    }

    .social-btn i{
    font-size:13px;
    }
    
    }
    
    @media (max-width: 480px) {
    
    .social-share-actions{
    gap:4px;
    }

    .social-btn{
    min-height:34px;
    font-size:9px;
    padding:0 4px;
    }

    .table th,
    .table td{
    padding-block:6px;
    padding-inline:9px;
    }

    .table th{
    font-size:14px;
    text-align:center;
    }

    .table td{
    font-size:13px;
    }
    
    }
  
    

/* ================= HIGHLIGHT BANNER (3-layer SarkariResult-style poster) ================= */

.highlight-banner-root {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 24px;
  padding: 0;
  position: relative;
  overflow: visible;
}

.highlight-banner-root:has(.highlight-banner-title-main:empty) {
  display: none;
  margin-bottom: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.highlight-banner-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid var(--text-primary-dark);
  background: var(--text-primary-dark);
}

/* --- Top strip (light) --- */
.highlight-banner-top {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 14px 10px;
  background: #f8fafc;
  border-bottom: 2px solid var(--border);
  text-align: center;
}

.highlight-banner-top-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 8px;
}

.highlight-banner-top-badge {
  display: inline-block;
  padding: 6px 14px;
  font-size: clamp(10px, 2vw, 12px);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-primary-dark);
  background: var(--border);
  border-radius: 999px;
  border: 1px solid #cbd5e1;
}

.highlight-banner-top-badge-outline {
  background: var(--surface);
  border-color: #94a3b8;
  color: #334155;
}

.highlight-banner-top-advt {
  margin: 0;
  font-size: clamp(11px, 2.2vw, 13px);
  font-weight: 700;
  color: #475569;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.highlight-banner-top-advt-label {
  font-weight: 600;
  margin-right: 6px;
  color: var(--text-secondary);
}

.highlight-banner-top-advt-value {
  color: var(--text-primary-dark);
  font-weight: 800;
}

.highlight-banner-top-advt:has(.highlight-banner-top-advt-value:empty) {
  display: none;
}

/* --- Main strip (black) --- */
.highlight-banner-main {
  box-sizing: border-box;
  width: 100%;
  padding: clamp(18px, 4vw, 36px) clamp(12px, 3vw, 22px) clamp(20px, 4.5vw, 32px);
  background: var(--text-primary);
  color: var(--site-text-inverse);
  text-align: center;
}

.highlight-banner-title-main {
  margin: 0 0 10px;
  padding: 0;
  font-size: clamp(1.2rem, 4vw, 2.35rem);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--site-text-inverse);
  word-break: break-word;
  overflow-wrap: anywhere;
}

.highlight-banner-subtitle {
  margin: 0 0 16px;
  padding: 0;
  font-size: clamp(0.95rem, 2.8vw, 1.15rem);
  font-weight: 700;
  line-height: 1.35;
  color: #e2e8f0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.highlight-banner-action {
  margin: 0 0 8px;
  padding: 0;
  font-size: clamp(0.78rem, 2.2vw, 0.92rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #93c5fd;
  line-height: 1.3;
}

.highlight-banner-action:empty {
  display: none;
}

.highlight-banner-subtitle-label {
  display: inline-block;
  margin-right: 6px;
  font-size: clamp(0.72rem, 2vw, 0.82rem);
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94a3b8;
}

.highlight-banner-total-line {
  margin: 0 0 14px;
  padding: 0;
}

.highlight-banner-total-main {
  display: block;
}

.highlight-banner-total-fallback {
  display: none;
  font-size: clamp(1.15rem, 4.2vw, 1.85rem);
  font-weight: 900;
  line-height: 1.25;
  color: #fef08a;
  letter-spacing: 0.02em;
}

.highlight-banner-total-line:has(.highlight-banner-total-num:empty) .highlight-banner-total-main {
  display: none;
}

.highlight-banner-total-line:has(.highlight-banner-total-num:empty) .highlight-banner-total-fallback {
  display: block;
}

.highlight-banner-total-text {
  display: block;
  font-size: clamp(1.35rem, 5vw, 2.25rem);
  font-weight: 900;
  line-height: 1.25;
  color: #fef08a;
  letter-spacing: 0.02em;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.highlight-banner-total-num {
  font-size: clamp(1.45rem, 5.5vw, 2.5rem);
  font-weight: 900;
  color: #facc15;
}

.highlight-banner-tagline {
  margin: 0;
  padding: 0;
}

.highlight-banner-tagline:has(.highlight-banner-tag:empty) {
  display: none;
}

.highlight-banner-tag {
  display: inline-block;
  max-width: 100%;
  padding: 5px 12px;
  font-size: clamp(10px, 2vw, 12px);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-primary);
  background: #facc15;
  border-radius: 4px;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* --- Bottom strip (brand red) --- */
.highlight-banner-bottom {
  box-sizing: border-box;
  width: 100%;
  padding: 14px 12px 16px;
  background: #7f1d1d;
  border-top: 3px solid #450a0a;
  text-align: center;
}

.highlight-banner-brand-domain {
  font-size: clamp(1rem, 3.2vw, 1.35rem);
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #fef08a;
  text-transform: lowercase;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.highlight-banner-brand-tagline {
  margin-top: 6px;
  font-size: clamp(0.75rem, 2.2vw, 0.95rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fecaca;
}

/* ----- Category themes (main section + tag only; top white / bottom red unchanged) ----- */
.highlight-banner-root.theme-railway .highlight-banner-main {
  background: #052e16;
}

.highlight-banner-root.theme-railway .highlight-banner-tag {
  background: #4ade80;
  color: #052e16;
}

.highlight-banner-root.theme-railway .highlight-banner-total-num {
  color: #bbf7d0;
}

.highlight-banner-root.theme-railway .highlight-banner-total-text {
  color: #ecfccb;
}

.highlight-banner-root.theme-defence .highlight-banner-main {
  background: #1c1917;
}

.highlight-banner-root.theme-defence .highlight-banner-tag {
  background: #fbbf24;
  color: #1c1917;
}

.highlight-banner-root.theme-defence .highlight-banner-total-num {
  color: #fde68a;
}

.highlight-banner-root.theme-defence .highlight-banner-total-text {
  color: #fef3c7;
}

.highlight-banner-root.theme-police .highlight-banner-main {
  background: var(--text-primary-dark);
}

.highlight-banner-root.theme-police .highlight-banner-tag {
  background: #38bdf8;
  color: var(--text-primary-dark);
}

.highlight-banner-root.theme-police .highlight-banner-total-num {
  color: #fde047;
}

.highlight-banner-status-badge {
  color: #14532d;
  background: #bbf7d0;
  border-color: #86efac;
}

.highlight-banner-root.theme-police .highlight-banner-total-text {
  color: #e0f2fe;
}

.highlight-banner-root.theme-ssc .highlight-banner-main {
  background: #1e3a8a;
}

.highlight-banner-root.theme-ssc .highlight-banner-tag {
  background: #fbbf24;
  color: #1e3a8a;
}

.highlight-banner-root.theme-ssc .highlight-banner-total-num {
  color: #fde68a;
}

.highlight-banner-root.theme-ssc .highlight-banner-total-text {
  color: #dbeafe;
}

.highlight-banner-root.theme-teaching .highlight-banner-main {
  background: #4c1d95;
}

.highlight-banner-root.theme-teaching .highlight-banner-tag {
  background: #5eead4;
  color: #134e4a;
}

.highlight-banner-root.theme-teaching .highlight-banner-total-num {
  color: #ccfbf1;
}

.highlight-banner-root.theme-teaching .highlight-banner-total-text {
  color: #ede9fe;
}

.highlight-banner-root.theme-court .highlight-banner-main {
  background: #450a0a;
}

.highlight-banner-root.theme-court .highlight-banner-tag {
  background: #fde68a;
  color: #450a0a;
}

.highlight-banner-root.theme-court .highlight-banner-total-num {
  color: #fef3c7;
}

.highlight-banner-root.theme-court .highlight-banner-total-text {
  color: #fecaca;
}

.highlight-banner-root.theme-state .highlight-banner-main {
  background: #7c2d12;
}

.highlight-banner-root.theme-state .highlight-banner-tag {
  background: #fdba74;
  color: #431407;
}

.highlight-banner-root.theme-state .highlight-banner-total-num {
  color: #ffedd5;
}

.highlight-banner-root.theme-state .highlight-banner-total-text {
  color: #fed7aa;
}

@media (max-width: 768px) {
  .highlight-banner-root {
    width: calc(100% + 24px);
    max-width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 16px;
    padding: 0;
  }

  .highlight-banner-wrap {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  .highlight-banner-top {
    padding: 7px 10px 5px;
  }

  .highlight-banner-top-inner {
    gap: 5px;
    margin-bottom: 5px;
  }

  .highlight-banner-top-badge {
    padding: 4px 9px;
    font-size: 9px;
  }

  .highlight-banner-top-advt {
    font-size: 10px;
  }

  .highlight-banner-main {
    padding: 10px 10px 11px;
  }

  .highlight-banner-title-main {
    margin-bottom: 4px;
    font-size: clamp(0.95rem, 4.2vw, 1.12rem);
    line-height: 1.15;
  }

  .highlight-banner-action {
    margin-bottom: 4px;
    font-size: 9px;
    letter-spacing: 0.06em;
  }

  .highlight-banner-subtitle {
    margin-bottom: 8px;
    font-size: clamp(0.78rem, 2.4vw, 0.88rem);
    line-height: 1.25;
  }

  .highlight-banner-total-line {
    margin-bottom: 8px;
  }

  .highlight-banner-total-text {
    font-size: clamp(0.95rem, 3.8vw, 1.1rem);
    line-height: 1.2;
  }

  .highlight-banner-total-num {
    font-size: clamp(1rem, 4vw, 1.15rem);
  }

  .highlight-banner-tag {
    padding: 3px 8px;
    font-size: 9px;
  }

  .highlight-banner-bottom {
    padding: 7px 10px 8px;
    border-top-width: 2px;
  }

  .highlight-banner-brand-domain {
    font-size: clamp(0.82rem, 2.8vw, 0.95rem);
    line-height: 1.2;
  }

  .highlight-banner-brand-tagline {
    margin-top: 3px;
    font-size: clamp(0.62rem, 1.9vw, 0.72rem);
    line-height: 1.2;
  }
}

@media (max-width: 480px) {
  .highlight-banner-top-inner {
    gap: 4px;
  }

  .highlight-banner-top-badge {
    padding: 3px 8px;
    font-size: 8px;
  }

  .highlight-banner-main {
    padding: 8px 8px 9px;
  }

  .highlight-banner-title-main {
    font-size: 0.92rem;
  }

  .highlight-banner-bottom {
    padding: 6px 8px 7px;
  }
}