/*
Theme Name: Job12thPass Pro
Theme URI: https://job12thpass.com/
Author: Job12thPass
Description: Professional, mobile-first government job portal theme for Job12thPass.com with SEO-friendly semantic markup, responsive homepage, job cards, categories and sidebar.
Version: 4.4.0
Text Domain: job12thpass-pro
*/

:root{
 --j12-primary:#07539a;
 --j12-primary-dark:#063b70;
 --j12-accent:#0d82df;
 --j12-green:#16a34a;
 --j12-red:#e53935;
 --j12-orange:#f59e0b;
 --j12-purple:#7655c7;
 --j12-teal:#0ea5a0;
 --j12-bg:#f5f8fc;
 --j12-card:#ffffff;
 --j12-text:#17324d;
 --j12-muted:#687c90;
 --j12-border:#dce7f1;
 --j12-shadow:0 8px 25px rgba(18,68,108,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--j12-bg);color:var(--j12-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
a{color:var(--j12-primary);text-decoration:none}
img{max-width:100%;height:auto}
.j12-container{width:min(1180px,calc(100% - 28px));margin:auto}

/* Header */
.j12-topbar{background:var(--j12-primary-dark);color:#eaf4ff;font-size:12px}
.j12-topbar-inner{display:flex;justify-content:space-between;gap:15px;padding:8px 0}
.j12-header{background:#fff;border-bottom:1px solid var(--j12-border);position:sticky;top:0;z-index:50}
.j12-header-inner{min-height:74px;display:flex;align-items:center;gap:28px}
.j12-brand{display:flex;align-items:center;gap:10px;min-width:230px}
.j12-brand img{width:48px;height:48px}
.j12-brand strong{font-size:21px;line-height:1;color:#073d73}
.j12-brand strong span{color:#ef3f43}
.j12-brand small{display:block;font-size:9px;color:#6c8195;margin-top:4px}
.j12-nav{display:flex;align-items:center;gap:4px;flex:1}
.j12-nav a{font-size:13px;font-weight:700;color:#244965;padding:10px 9px;border-radius:7px}
.j12-nav a:hover,.j12-nav a.active{background:#eef6ff;color:var(--j12-primary)}
.j12-header-tools{display:flex;gap:8px;align-items:center}
.j12-icon-btn{border:0;background:#eef6ff;color:var(--j12-primary);width:38px;height:38px;border-radius:8px;font-size:18px;cursor:pointer}
.j12-menu-toggle{display:none}

/* Hero */
.j12-hero{background:linear-gradient(135deg,#eaf5ff 0%,#f8fbff 58%,#e8f4ff 100%);border-bottom:1px solid #d8eafa;overflow:hidden}
.j12-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:46px 0 38px}
.j12-kicker{color:var(--j12-primary);font-size:15px;font-weight:800;margin-bottom:7px}
.j12-hero h1{font-size:44px;line-height:1.08;color:#073e73;margin:0 0 13px;letter-spacing:-.6px}
.j12-hero p{font-size:16px;color:#526b80;margin:0 0 22px;max-width:720px}
.j12-search{display:flex;background:#fff;border:1px solid #cfe0ef;border-radius:10px;overflow:hidden;box-shadow:var(--j12-shadow);max-width:720px}
.j12-search input{border:0;outline:0;flex:1;min-width:0;padding:15px 16px;font-size:15px}
.j12-search button{border:0;background:var(--j12-accent);color:#fff;padding:0 26px;font-weight:800;cursor:pointer}
.j12-popular{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:13px;font-size:12px}
.j12-chip{background:#fff;border:1px solid #cfe0ef;border-radius:999px;padding:6px 10px;font-weight:700;color:#1a5a8e}
.j12-hero-art{min-height:245px;display:flex;justify-content:center;align-items:center}
.j12-hero-card{background:#fff;border:1px solid var(--j12-border);border-radius:18px;padding:22px;width:min(390px,100%);box-shadow:var(--j12-shadow)}
.j12-hero-card h3{margin:0 0 12px;color:#0b4f8a}
.j12-check{display:flex;gap:9px;align-items:center;margin:11px 0;font-size:13px;color:#36546c}
.j12-check b{color:#16a34a}

/* Categories */
.j12-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:22px 0}
.j12-cat{color:#fff;border-radius:10px;padding:15px 13px;min-height:96px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 7px 18px rgba(0,0,0,.08);transition:.2s}
.j12-cat:hover{transform:translateY(-2px);color:#fff}
.j12-cat strong{font-size:15px}.j12-cat small{font-size:11px;opacity:.95}
.c-green{background:#16a34a}.c-blue{background:#1478d4}.c-orange{background:#f59e0b}.c-purple{background:#7655c7}.c-red{background:#ef4444}.c-teal{background:#0ea5a0}

/* General sections */
.j12-section{margin:30px 0}
.j12-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.j12-section-head h2{font-size:23px;color:#0a467d;margin:0}
.j12-view{font-size:12px;font-weight:800}
.j12-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}
.j12-job-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.j12-job{background:#fff;border:1px solid var(--j12-border);border-radius:12px;padding:16px;box-shadow:0 4px 14px rgba(19,76,122,.035)}
.j12-badge{display:inline-block;padding:4px 8px;border-radius:5px;color:#fff;background:var(--j12-green);font-size:10px;font-weight:900;margin-bottom:8px}
.j12-badge.updated{background:var(--j12-primary,#07539a)}.j12-badge.new{background:var(--j12-green)}
.j12-job h3{font-size:16px;line-height:1.35;margin:0 0 6px;color:#173f65}
.j12-job .company{font-size:12px;color:var(--j12-muted);margin-bottom:10px}
.j12-meta{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:11px;color:#536a7f}
.j12-last{font-size:11px;color:#d12e32;font-weight:800;margin:11px 0}
.j12-actions{display:flex;gap:8px}
.j12-btn{flex:1;text-align:center;padding:9px 10px;border-radius:6px;font-size:11px;font-weight:900}
.j12-btn.blue{background:var(--j12-accent);color:#fff}.j12-btn.green{background:var(--j12-green);color:#fff}
.j12-side-card{background:#fff;border:1px solid var(--j12-border);border-radius:12px;padding:16px;margin-bottom:14px}
.j12-side-card h3{font-size:17px;margin:0 0 8px;color:#0a467d}
.j12-side-link{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f7;padding:10px 0;font-size:12px;color:#31506b}
.j12-side-link:last-child{border-bottom:0}

/* grids */
.j12-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.j12-mini{background:#fff;border:1px solid var(--j12-border);border-radius:10px;padding:15px;min-height:80px;transition:.2s}
.j12-mini:hover{border-color:#b7d4ed;box-shadow:var(--j12-shadow)}
.j12-mini strong{display:block;color:#184a76;font-size:13px;margin-bottom:5px}.j12-mini span{font-size:11px;color:#718196}
.j12-dept{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.j12-dept a{background:#fff;border:1px solid var(--j12-border);border-radius:9px;padding:16px 8px;text-align:center;font-size:12px;font-weight:800;color:#174d7d}
.j12-articles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.j12-article{background:#fff;border:1px solid var(--j12-border);border-radius:10px;padding:14px}
.j12-article h3{font-size:14px;line-height:1.35;margin:0 0 7px;color:#173f65}.j12-article small{font-size:10px;color:#74869a}

/* SEO content */
.j12-seo-content{background:#fff;border:1px solid var(--j12-border);border-radius:12px;padding:22px}
.j12-seo-content h2{color:#0a467d;font-size:21px}.j12-seo-content h3{font-size:17px;color:#244965}.j12-seo-content p{font-size:13px;color:#52687a}.j12-seo-content ul{font-size:13px;color:#52687a;padding-left:20px}
.j12-disclaimer{background:#fff8e8;border:1px solid #f0dda5;border-radius:10px;padding:15px;color:#6b5722;font-size:11px;line-height:1.6}

/* footer */
.j12-footer{background:#073b67;color:#dbeaf8;margin-top:38px;padding:38px 0 20px}
.j12-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.j12-footer h3{color:#fff;margin:0 0 12px}.j12-footer p{font-size:12px}.j12-footer a{display:block;color:#dbeaf8;font-size:12px;margin:7px 0}
.j12-copy{border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:15px;font-size:11px}

/* accessibility / utility */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.j12-ad{background:#f1f4f8;border:1px dashed #c8d3de;border-radius:8px;text-align:center;color:#7b8a98;padding:22px;margin:20px 0;font-size:12px}

/* mobile */
@media(max-width:1000px){
 .j12-nav{display:none}.j12-menu-toggle{display:block}.j12-header-tools{margin-left:auto}
 .j12-hero-inner{grid-template-columns:1fr}.j12-hero-art{display:none}
 .j12-categories{grid-template-columns:repeat(3,1fr)}
 .j12-main-grid{grid-template-columns:1fr}.j12-grid6{grid-template-columns:repeat(3,1fr)}
 .j12-dept{grid-template-columns:repeat(4,1fr)}.j12-articles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .j12-topbar{display:none}.j12-header-inner{min-height:62px;gap:8px}.j12-brand{min-width:0;flex:1}.j12-brand img{width:40px;height:40px}.j12-brand strong{font-size:18px}
 .j12-brand small{font-size:8px}.j12-hero-inner{padding:30px 0 25px}.j12-hero h1{font-size:30px}.j12-hero p{font-size:14px}
 .j12-search button{padding:0 17px}.j12-search input{font-size:13px}
 .j12-categories{grid-template-columns:1fr 1fr;gap:9px}.j12-cat{min-height:78px;padding:12px 10px}
 .j12-job-grid{grid-template-columns:1fr}.j12-grid6{grid-template-columns:1fr 1fr}.j12-dept{grid-template-columns:1fr 1fr}
 .j12-articles{grid-template-columns:1fr}.j12-footer-grid{grid-template-columns:1fr}
 .j12-section-head h2{font-size:19px}
}

/* v2.0.1 mobile single-post safety fixes */
html,body{max-width:100%;overflow-x:hidden}
.j12-single-page{width:100%;padding:28px 0 40px}
.j12-single-container{width:min(920px,calc(100% - 28px));margin:0 auto}
.j12-post-card{width:100%;max-width:100%;background:#fff;border:1px solid var(--j12-border);border-radius:12px;box-shadow:0 4px 14px rgba(19,76,122,.035);padding:24px}
.j12-post-header h1{font-size:34px;line-height:1.2;color:#173f65;margin:7px 0 8px;overflow-wrap:anywhere}
.j12-post-cats{font-size:12px;font-weight:700;margin-bottom:5px}
.j12-post-date{font-size:12px;color:#718196;margin-bottom:18px}
.j12-featured-image{width:100%;margin:0 0 20px;text-align:center}
.j12-featured-image img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
.j12-post-content{width:100%;max-width:100%;font-size:16px;line-height:1.75;color:#263f52;overflow-wrap:anywhere;word-break:normal}
.j12-post-content p,.j12-post-content h1,.j12-post-content h2,.j12-post-content h3,.j12-post-content h4,.j12-post-content ul,.j12-post-content ol{max-width:100%}
.j12-post-content img{display:block;max-width:100%;height:auto;margin:16px auto}
.j12-post-content iframe,.j12-post-content video{max-width:100%}
.j12-post-content table{width:100%;max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
.j12-post-content table th,.j12-post-content table td{white-space:normal;min-width:110px;padding:8px;border:1px solid #cfd9e2}
.j12-post-content pre{max-width:100%;overflow:auto}
.j12-post-content a{overflow-wrap:anywhere}
.j12-post-footer{margin-top:24px;padding-top:15px;border-top:1px solid #edf2f7}
.j12-post-tags a{display:inline-block;background:#eef6ff;border-radius:999px;padding:5px 9px;margin:3px;font-size:11px}
.j12-dept a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px}
.j12-dept img{width:var(--j12-dept-logo-size,46px);height:var(--j12-dept-logo-size,46px);max-width:100%;object-fit:contain;display:block}
.j12-dept-emoji{font-size:var(--j12-dept-logo-size,46px);line-height:1;display:block;max-width:100%}
@media(max-width:600px){
 .j12-dept img{width:var(--j12-dept-logo-size,46px);height:var(--j12-dept-logo-size,46px);max-width:100%;object-fit:contain}
 .j12-container{width:calc(100% - 20px)}
 .j12-single-page{padding:12px 0 24px}
 .j12-single-container{width:calc(100% - 12px);max-width:none}
 .j12-post-card{padding:14px 12px;border-radius:8px}
 .j12-post-header h1{font-size:24px;line-height:1.25}
 .j12-post-content{font-size:15px;line-height:1.7}
 .j12-post-content h2{font-size:21px}.j12-post-content h3{font-size:18px}
 .j12-post-content table{font-size:13px}
 .j12-post-content table th,.j12-post-content table td{min-width:105px;padding:7px}
 .j12-featured-image img{width:auto;max-width:100%}
}


/* Footer customization variables — defaults preserve the original Pro layout. */
.j12-footer{background:var(--j12-footer-bg,#063b70);color:var(--j12-footer-text,#eaf4ff)}
.j12-footer h3{color:var(--j12-footer-text,#eaf4ff)}
.j12-footer a{color:var(--j12-footer-link,#fff)}

/* Mobile post/content safety: never force desktop widths on small screens. */
@media (max-width: 767px){
  .j12-container{width:min(100% - 24px,1180px)}
  .j12-main-grid{grid-template-columns:1fr}
  .j12-job-grid{grid-template-columns:1fr}
  .j12-hero-inner{grid-template-columns:1fr;padding:30px 0 26px}
  .j12-hero h1{font-size:32px}
  .j12-hero p{font-size:14px}
  .j12-search button{padding:0 16px}
  .j12-categories{grid-template-columns:1fr 1fr;gap:10px}
  .j12-cat{min-height:88px}
  .j12-footer-grid{grid-template-columns:1fr 1fr}
  .j12-footer-grid>div{min-width:0}
  .j12-site-main,.j12-section,.j12-job,.j12-post,.j12-content,.entry-content{max-width:100%;min-width:0}
  .j12-post img,.j12-content img,.entry-content img{max-width:100%;height:auto}
  .j12-post table,.j12-content table,.entry-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .j12-post iframe,.j12-content iframe,.entry-content iframe{max-width:100%}
  .j12-post pre,.j12-content pre,.entry-content pre{max-width:100%;overflow-x:auto}
  .j12-post h1,.j12-content h1{font-size:28px;line-height:1.2}
  .j12-post h2,.j12-content h2{font-size:23px}
  .j12-post h3,.j12-content h3{font-size:19px}
}
@media (max-width: 480px){
  .j12-categories{grid-template-columns:1fr}
  .j12-footer-grid{grid-template-columns:1fr}
  .j12-search{width:100%}
  .j12-search input{font-size:14px}
  .j12-search button{padding:0 14px}
}

/* Pro customization additions */
.j12-dept a small{display:block;font-size:11px;color:#687c90;margin-top:3px}
.j12-ad-desktop-only{display:block}
@media(max-width:800px){
  .j12-container{width:min(100% - 20px,1180px)}
  .j12-hero-inner{grid-template-columns:1fr;padding:30px 0}
  .j12-hero h1{font-size:34px}
  .j12-main-grid{grid-template-columns:1fr}
  .j12-job-grid{grid-template-columns:1fr}
  .j12-categories{grid-template-columns:repeat(2,1fr)}
  .j12-grid6{grid-template-columns:repeat(2,1fr)}
  .j12-dept{grid-template-columns:repeat(2,1fr)}
  .j12-post-content{overflow-wrap:anywhere}
  .j12-post-content table{display:block;max-width:100%;overflow-x:auto}
  .j12-post-content img{height:auto}
  .j12-ad-desktop-only{display:none}
}
@media(max-width:480px){
  .j12-topbar-inner{font-size:10px}
  .j12-header-inner{min-height:64px;gap:8px}
  .j12-brand{min-width:0;flex:1}
  .j12-brand strong{font-size:17px}
  .j12-brand small{font-size:8px}
  .j12-brand img{width:40px;height:40px}
  .j12-menu-toggle{display:block}
  .j12-nav{display:none}
  .j12-categories,.j12-grid6,.j12-dept{grid-template-columns:1fr 1fr}
  .j12-search button{padding:0 15px}
  .j12-hero h1{font-size:29px}
  .j12-section-head h2{font-size:20px}
}

.j12-footer{background:var(--j12-footer-bg,#063b70);color:var(--j12-footer-text,#eaf4ff)}
.j12-footer a{color:var(--j12-footer-link,#fff)}
.j12-social{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.j12-social a{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:12px}

/* v2.2 layout + dashboard-safe responsive refinements */
.j12-site-main{width:100%;overflow-x:hidden}
.j12-site-main > .j12-container{width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}
.j12-section{width:100%}
.j12-ad{max-width:1180px;margin:24px auto;padding:18px;text-align:center}
.j12-hero-inner{width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}
@media(max-width:1180px){.j12-categories{grid-template-columns:repeat(3,1fr)}.j12-grid6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.j12-categories{grid-template-columns:repeat(2,1fr)}.j12-grid6{grid-template-columns:repeat(2,1fr)}.j12-main-grid{grid-template-columns:1fr}.j12-section{margin:24px 0}.j12-section-head{align-items:flex-start}.j12-section-head h2{font-size:20px}}
@media(max-width:420px){.j12-container,.j12-site-main > .j12-container,.j12-hero-inner{width:calc(100% - 20px)}.j12-categories,.j12-grid6{grid-template-columns:1fr 1fr}.j12-hero-inner{padding-top:28px}.j12-hero h1{font-size:30px}}

/* v2.3 category/archive job listing */
.j12-archive-page{padding:30px 0 42px;background:var(--j12-bg)}
.j12-archive-head{margin:0 0 18px;padding:0 2px}
.j12-archive-kicker{font-size:11px;font-weight:900;letter-spacing:1.1px;color:var(--j12-muted);margin-bottom:3px}
.j12-archive-head h1{margin:0;color:#0a467d;font-size:28px;line-height:1.25}
.j12-archive-head p{margin:6px 0 0;color:var(--j12-muted);font-size:13px}
.j12-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.j12-archive-job h2{font-size:17px;line-height:1.38;margin:0 0 7px;color:#173f65}
.j12-archive-job h2 a{color:#175283}
.j12-pagination{margin:26px 0 0}
.j12-pagination ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0}
.j12-pagination a,.j12-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:36px;padding:0 10px;border:1px solid var(--j12-border);background:#fff;border-radius:7px;font-size:12px;font-weight:800;color:#245577}
.j12-pagination .current{background:var(--j12-primary);color:#fff;border-color:var(--j12-primary)}
.j12-empty-state{background:#fff;border:1px solid var(--j12-border);border-radius:12px;padding:30px;text-align:center}
.j12-empty-state h2{margin:0 0 7px;color:#173f65}.j12-empty-state p{color:var(--j12-muted);font-size:13px}
@media(max-width:700px){.j12-archive-page{padding:20px 0 30px}.j12-archive-grid{grid-template-columns:1fr}.j12-archive-head h1{font-size:23px}.j12-archive-job{padding:14px}}

/* Suggested posts on single job pages */
.j12-related-section{width:min(1180px,calc(100% - 28px));margin:30px auto 10px}
.j12-related-section .j12-job-grid{margin-top:0}
.j12-suggested-job h3 a{color:#173f65;text-decoration:none}
.j12-suggested-job h3 a:hover{text-decoration:underline}
@media(max-width:700px){.j12-related-section{width:calc(100% - 12px);margin-top:24px}}

/* v2.5 archive and CTA refinements */
.j12-archive-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.j12-archive-viewall{white-space:nowrap}
.j12-archive-back{margin-top:18px}
@media(max-width:700px){.j12-archive-head{align-items:flex-start;flex-direction:column;gap:8px}.j12-archive-viewall{align-self:flex-start}}

/* v2.7: unified job-card presentation */
.j12-job,.j12-archive-job,.j12-suggested-job{display:flex;flex-direction:column;min-width:0}
.j12-job h3{font-weight:800}
.j12-job h3 a{color:#175283;text-decoration:none}
.j12-job h3 a:hover{text-decoration:underline}
.j12-job .company{line-height:1.45;min-height:34px}
.j12-meta{line-height:1.4}
.j12-actions{margin-top:auto;padding-top:2px}
.j12-btn{min-height:35px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.j12-archive-job{min-height:250px}
.j12-archive-page{background:#f5f7fb}
.j12-archive-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.j12-archive-head h1{font-weight:800}
.j12-archive-viewall{white-space:nowrap}
@media(max-width:700px){
 .j12-archive-head{display:block}
 .j12-archive-viewall{display:inline-flex;margin-top:10px}
 .j12-archive-job{min-height:0}
 .j12-job .company{min-height:0}
}

/* v2.8: universal responsive article/search stability */
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}

/* Search results use the same responsive card system as job/category pages. */
.j12-search-page{width:100%;padding:30px 0 44px;background:var(--j12-bg)}
.j12-search-container{width:min(1180px,calc(100% - 28px));margin:0 auto}
.j12-search-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.j12-search-head h1{margin:0;color:#0a467d;font-size:30px;line-height:1.25;overflow-wrap:anywhere}
.j12-search-head p{margin:7px 0 0;color:var(--j12-muted);font-size:13px}
.j12-results-search{width:min(520px,100%);max-width:520px;flex:0 1 520px}
.j12-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.j12-search-job{min-width:0;min-height:250px}
.j12-search-job h2{font-size:18px;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}
.j12-search-job h2 a{color:#175283}

/* WordPress/editor content can contain fixed-width tables, images, embeds and blocks. */
.j12-post-card,.j12-post-content,.j12-post-content>*{min-width:0;max-width:100%}
.j12-post-card{overflow:hidden}
.j12-post-content{overflow-wrap:anywhere;word-wrap:break-word}
.j12-post-content p,.j12-post-content li,.j12-post-content blockquote,.j12-post-content figcaption{overflow-wrap:anywhere}
.j12-post-content h1,.j12-post-content h2,.j12-post-content h3,.j12-post-content h4,.j12-post-content h5,.j12-post-content h6{max-width:100%;overflow-wrap:anywhere;line-height:1.3}
.j12-post-content h1{font-size:30px}.j12-post-content h2{font-size:25px}.j12-post-content h3{font-size:21px}.j12-post-content h4{font-size:18px}
.j12-post-content ul,.j12-post-content ol{max-width:100%;padding-left:1.35em}
.j12-post-content figure{max-width:100%;margin:20px 0;overflow:hidden}
.j12-post-content figure img{margin:0 auto}
.j12-post-content img,.j12-post-content svg{display:block;max-width:100%;height:auto}
.j12-post-content iframe,.j12-post-content embed,.j12-post-content object,.j12-post-content video{display:block;width:100%;max-width:100%;height:auto}
.j12-post-content iframe{min-height:260px;border:0}
.j12-post-content pre{width:100%;max-width:100%;white-space:pre-wrap;overflow:auto;word-break:break-word}
.j12-post-content code{word-break:break-word}
.j12-post-content table{display:block;width:100% !important;max-width:100% !important;height:auto !important;overflow-x:auto;overflow-y:hidden;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.j12-post-content table thead,.j12-post-content table tbody{width:max-content;min-width:100%}
.j12-post-content table th,.j12-post-content table td{max-width:420px;word-break:normal;overflow-wrap:anywhere}
.j12-post-content .wp-block-table{width:100%;max-width:100%;overflow-x:auto;margin:20px 0}
.j12-post-content .wp-block-table table{margin:0}
.j12-post-content .wp-block-columns{display:flex;flex-wrap:wrap;max-width:100%;gap:20px}
.j12-post-content .wp-block-column{min-width:0;flex:1 1 240px}
.j12-post-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;max-width:100%}
.j12-post-content .wp-block-button{max-width:100%}
.j12-post-content .wp-block-button__link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.j12-post-content .alignwide,.j12-post-content .alignfull{max-width:100%;margin-left:0;margin-right:0}
.j12-post-content blockquote{margin:18px 0;padding:12px 16px;border-left:4px solid var(--j12-accent);background:#f5f9fd}
.j12-post-content hr{border:0;border-top:1px solid var(--j12-border);margin:24px 0}

/* Keep single article and related jobs aligned at every viewport. */
.j12-single-page{padding:30px 0 44px}
.j12-single-container{width:min(940px,calc(100% - 28px));margin:0 auto}
.j12-post-card{padding:28px}
.j12-featured-image{overflow:hidden}
.j12-featured-image img{width:auto;max-width:100%;height:auto}
.j12-related-section{width:min(1180px,calc(100% - 28px));max-width:1180px}

/* Tablet: iPad / Android tablets / small laptop */
@media (max-width: 900px){
  .j12-search-head{display:block}
  .j12-results-search{width:100%;max-width:none;margin-top:15px}
  .j12-search-grid{grid-template-columns:1fr 1fr}
  .j12-single-container{width:min(760px,calc(100% - 28px))}
  .j12-post-card{padding:22px}
  .j12-post-content{font-size:16px}
}

/* Phone: Android + iPhone portrait */
@media (max-width: 600px){
  .j12-search-page{padding:18px 0 30px}
  .j12-search-container{width:calc(100% - 20px)}
  .j12-search-head h1{font-size:23px}
  .j12-search-grid{grid-template-columns:1fr;gap:12px}
  .j12-search-job{min-height:0;padding:14px}
  .j12-search-job h2{font-size:17px}
  .j12-single-page{padding:12px 0 28px}
  .j12-single-container{width:calc(100% - 16px);max-width:none}
  .j12-post-card{padding:16px 13px;border-radius:9px}
  .j12-post-header h1{font-size:25px;line-height:1.25}
  .j12-post-content{font-size:15px;line-height:1.7}
  .j12-post-content h1{font-size:25px}
  .j12-post-content h2{font-size:21px}
  .j12-post-content h3{font-size:18px}
  .j12-post-content h4{font-size:17px}
  .j12-post-content table{font-size:13px}
  .j12-post-content table th,.j12-post-content table td{min-width:100px;padding:7px}
  .j12-post-content iframe{min-height:220px}
  .j12-related-section{width:calc(100% - 16px);margin-left:auto;margin-right:auto}
  .j12-related-section .j12-job-grid{grid-template-columns:1fr}
  .j12-actions{flex-wrap:wrap}
  .j12-btn{min-width:0}
}

/* Very small phones: prevent buttons/search/header from overflowing. */
@media (max-width: 380px){
  .j12-search-container,.j12-single-container,.j12-related-section{width:calc(100% - 12px)}
  .j12-post-card{padding:13px 10px}
  .j12-post-header h1{font-size:22px}
  .j12-post-content{font-size:14px}
  .j12-search button{padding-left:12px;padding-right:12px}
  .j12-actions{flex-direction:column}
  .j12-actions .j12-btn{width:100%;flex:1 1 auto}
}

/* Landscape phones / narrow iPhones: use the full available content width. */
@media (max-height: 520px) and (orientation: landscape) and (max-width: 900px){
  .j12-header-inner{min-height:58px}
  .j12-single-page,.j12-search-page{padding-top:14px}
  .j12-post-card{padding:18px}
}

/* Post alert badges: every published article shows New or Updated. */
.j12-article .j12-badge{margin-bottom:7px}
.j12-post-header>.j12-badge{margin-bottom:10px}

/* v3.1: fully customizable Stay Updated / Social box */
.j12-stay-card{overflow:hidden}
.j12-stay-card h3{margin-bottom:7px}
.j12-stay-desc{font-size:12px;color:#5f7387;line-height:1.55;margin:0 0 13px}
.j12-stay-links{display:grid;gap:8px;margin:0 0 12px}
.j12-stay-links.cols-1{grid-template-columns:1fr}
.j12-stay-links.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.j12-stay-links.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.j12-stay-links.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.j12-stay-item{display:flex!important;align-items:center;gap:8px;padding:9px 8px!important;margin:0!important;background:#f7faff;border:1px solid #dce7f1;border-radius:8px;text-decoration:none!important;color:#164d7e!important;font-size:11px!important;font-weight:700}
.j12-stay-item:hover{background:#eef6ff;border-color:#bfd6ea}
.j12-stay-icon{width:26px;height:26px;min-width:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#0b75c9;color:#fff}
.j12-stay-icon svg{width:15px;height:15px;display:block}
.j12-stay-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j12-stay-button{display:inline-flex!important;margin-top:2px!important}
@media(max-width:700px){
 .j12-stay-links.cols-3,.j12-stay-links.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* v3.2 — homepage full customization + branded social icons */
.j12-site-main > .j12-container,.j12-hero-inner,.j12-ad,.j12-related-section{max-width:var(--j12-home-width,1180px)}
.j12-section{margin-top:var(--j12-home-space,30px);margin-bottom:var(--j12-home-space,30px)}
.j12-section-head h2{color:var(--j12-home-heading,#0a467d)}
.j12-cat,.j12-mini,.j12-dept a,.j12-job,.j12-side-card,.j12-article{background:var(--j12-home-card-bg,#fff);border-color:var(--j12-home-card-border,#d7e4ef);border-radius:var(--j12-home-radius,10px)}
.j12-cat,.j12-mini,.j12-dept a{color:var(--j12-home-card-text,#174d7d)}
.j12-hero{background:var(--j12-hero-bg,#eef6ff)}
.j12-hero h1{color:var(--j12-hero-text,#0a467d)}
.j12-hero-cta{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 10px}
.j12-hero-cta .j12-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.j12-btn.white{background:#fff;color:var(--j12-primary,#07539a);border:1px solid var(--j12-border,#d7e4ef)}
.j12-home-compact .j12-cat,.j12-home-compact .j12-mini,.j12-home-compact .j12-dept a{min-height:70px;padding:10px}

.j12-social{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}
.j12-social-item{display:inline-flex!important;align-items:center;gap:8px;padding:8px 11px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;background:rgba(255,255,255,.06)!important;transition:transform .18s ease,background .18s ease}
.j12-social-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)!important}
.j12-social-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#fff;overflow:hidden}
.j12-social-icon svg{width:16px;height:16px;display:block}
.j12-social-item.social-facebook .j12-social-icon{color:#1877f2}.j12-social-item.social-youtube .j12-social-icon{color:#ff0000}.j12-social-item.social-telegram .j12-social-icon{color:#229ed9}.j12-social-item.social-instagram .j12-social-icon{color:#e1306c}.j12-social-item.social-x .j12-social-icon{color:#111}.j12-social-item.social-whatsapp .j12-social-icon{color:#25d366}
@media(max-width:600px){.j12-social-item{flex:0 0 auto}.j12-social-item span:last-child{display:none}.j12-social-icon{width:34px;height:34px}.j12-social-icon svg{width:18px;height:18px}}

/* v3.3 — precise homepage directory controls + official social branding */
.j12-directory-grid{grid-template-columns:repeat(var(--j12-cols,6),minmax(0,1fr))!important;gap:var(--j12-card-gap,10px)!important}
.j12-directory-grid .j12-mini,.j12-directory-grid.j12-dept a{min-height:var(--j12-card-min,96px)!important}
.j12-directory-department .j12-dept-emoji{font-size:var(--j12-dept-logo-size,46px)}
@media(max-width:1100px){
 .j12-directory-grid{grid-template-columns:repeat(min(var(--j12-cols,6),4),minmax(0,1fr))!important}
}
@media(max-width:800px){
 .j12-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
 .j12-directory-grid{grid-template-columns:1fr!important}
}

.j12-social{gap:var(--j12-social-gap,10px);padding:16px 0;align-items:center}
.j12-social-item{min-height:calc(var(--j12-social-size,34px) + 10px);padding:5px 10px!important;gap:9px!important;border-radius:10px!important}
.j12-social-icon{width:var(--j12-social-size,34px)!important;height:var(--j12-social-size,34px)!important;min-width:var(--j12-social-size,34px)!important;border-radius:9px!important;background:transparent!important;color:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.16)}
.j12-social-icon svg{width:calc(var(--j12-social-size,34px) * .53)!important;height:calc(var(--j12-social-size,34px) * .53)!important}
.j12-social-item.social-facebook .j12-social-icon{background:#1877f2!important}
.j12-social-item.social-youtube .j12-social-icon{background:#ff0000!important}
.j12-social-item.social-telegram .j12-social-icon{background:#229ed9!important}
.j12-social-item.social-instagram .j12-social-icon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)!important}
.j12-social-item.social-x .j12-social-icon{background:#111!important}
.j12-social-item.social-whatsapp .j12-social-icon{background:#25d366!important}
.j12-social-item.social-linkedin .j12-social-icon{background:#0a66c2!important}
@media(max-width:600px){
 .j12-social-item{padding:5px!important}
 .j12-social-item span:last-child{display:none}
}

/* v3.4 — reusable, fully customizable sidebar for homepage and published posts */
.j12-content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.j12-single-main{min-width:0}
.j12-sidebar{min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.j12-sidebar-box{background:var(--j12-sidebar-bg,#fff)!important;border:1px solid var(--j12-sidebar-border,#d7e4ef)!important;border-radius:var(--j12-sidebar-radius,10px)!important;padding:var(--j12-sidebar-padding,16px)!important;box-shadow:0 1px 2px rgba(15,55,90,.03)}
.j12-sidebar-box h3{margin:0 0 14px!important;color:var(--j12-sidebar-heading,#0a467d)!important;font-size:18px!important;line-height:1.3!important}
.j12-sidebar-quick-list{display:grid;gap:0}
.j12-sidebar-quick-list.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.j12-sidebar-quick-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:11px 0!important;margin:0!important;border-bottom:1px solid #e5edf5;text-decoration:none!important;color:var(--j12-sidebar-link,#174d7d)!important;font-size:13px!important;font-weight:500!important}
.j12-sidebar-quick-link:last-child{border-bottom:0}
.j12-sidebar-quick-link b{font-size:16px;font-weight:500;opacity:.9}
.j12-sidebar-quick-link:hover{color:var(--j12-primary,#07539a)!important}
.j12-sidebar-social p{margin:-4px 0 14px;color:#60758a;font-size:12px;line-height:1.55}
.j12-sidebar-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.j12-sidebar-social-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.j12-sidebar-social-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.j12-sidebar-social-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:9px 5px!important;margin:0!important;border:1px solid #e2ebf3!important;border-radius:9px!important;background:#f8fbfe!important;color:#174d7d!important;text-decoration:none!important;font-size:10px!important;font-weight:700!important;line-height:1.1!important}
.j12-sidebar-social-item:hover{transform:translateY(-1px);background:#eef6ff!important}
.j12-sidebar-social-icon{width:var(--j12-sidebar-icon-size,32px);height:var(--j12-sidebar-icon-size,32px);min-width:var(--j12-sidebar-icon-size,32px);display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.12);overflow:hidden}
.j12-sidebar-social-icon svg{width:55%;height:55%;display:block}
.j12-sidebar-social-item.social-facebook .j12-sidebar-social-icon{background:#1877f2}
.j12-sidebar-social-item.social-youtube .j12-sidebar-social-icon{background:#ff0000}
.j12-sidebar-social-item.social-instagram .j12-sidebar-social-icon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}
.j12-sidebar-social-item.social-telegram .j12-sidebar-social-icon{background:#229ed9}
.j12-sidebar-social-item.social-whatsapp .j12-sidebar-social-icon{background:#25d366}
.j12-sidebar-social-item.social-linkedin .j12-sidebar-social-icon{background:#0a66c2}
.j12-sidebar-social-item.social-x .j12-sidebar-social-icon{background:#111}
.j12-sidebar-social-item.social-link .j12-sidebar-social-icon{background:#07539a}
@media(max-width:980px){.j12-content-with-sidebar{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:760px){.j12-content-with-sidebar{display:block}.j12-sidebar{position:static;margin-top:20px}.j12-sidebar-social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.j12-sidebar-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.j12-sidebar-quick-list.cols-2{grid-template-columns:1fr}}

/* v3.5 — dedicated right-sidebar Advertisement / Poster slot */
.j12-sidebar-ad{background:var(--j12-sidebar-ad-bg,#fffaf0)!important;border-color:var(--j12-sidebar-ad-border,#f0d48a)!important}
.j12-sidebar-ad h3{color:var(--j12-sidebar-ad-title,#7a4b00)!important;margin-bottom:10px!important}
.j12-sidebar-ad p{margin:0 0 12px;color:#5f6670;font-size:12px;line-height:1.6;white-space:normal}
.j12-sidebar-ad-image-link{display:block;margin:0 0 12px}
.j12-sidebar-ad-image{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:8px}
.j12-sidebar-ad-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border-radius:7px;background:var(--j12-sidebar-ad-link,#07539a);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}
.j12-sidebar-ad-button:hover{opacity:.92}
.j12-sidebar-ad-code{margin-top:12px;overflow:hidden}

/* v3.7 — published-page hardened social icons + separate sidebar ad URL
 * Inline styles in sidebar.php are intentionally authoritative so published pages
 * cannot inherit oversized SVG rules from cache/plugins/other theme CSS.
 */
.j12-sidebar-ad-url{display:inline-flex!important;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:9px 12px;margin:0 0 10px;border-radius:7px;background:#eef6ff;color:#07539a!important;text-decoration:none!important;font-size:12px;font-weight:700;line-height:1.3}
.j12-sidebar-ad-url:hover{background:#e2f0ff}

/* v3.6 — hardened responsive sidebar social icons
 * Explicit dimensions prevent inline SVGs from expanding to their intrinsic size
 * after the published stylesheet is cached or overridden by other theme rules.
 */
.j12-sidebar-social-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
.j12-sidebar-social-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:68px!important;
  padding:8px 4px!important;
  overflow:hidden!important;
}
.j12-sidebar-social-icon{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  aspect-ratio:1/1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:7px!important;
  color:#fff!important;
  line-height:0!important;
}
.j12-sidebar-social-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
}
.j12-sidebar-social-name{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.2!important;
}
@media(max-width:760px){
  .j12-sidebar-social-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  .j12-sidebar-social-item{min-height:62px!important;padding:7px 3px!important;}
  .j12-sidebar-social-icon{flex-basis:26px!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;}
  .j12-sidebar-social-icon svg{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;max-height:15px!important;flex-basis:15px!important;}
}
@media(max-width:360px){
  .j12-sidebar-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}


/* v3.9 — Sidebar Advertisement / Poster image upload + standard/custom sizing */
.j12-sidebar-ad-image{display:block;width:100%;height:auto;max-width:100%;border-radius:8px;object-position:center;}
.j12-sidebar-ad-image-link{display:block;width:100%;max-width:100%;overflow:hidden;border-radius:8px;}
@media(max-width:760px){.j12-sidebar-ad-image{max-width:100%!important;height:auto!important;object-fit:contain!important;} .j12-sidebar-ad-image-link{height:auto!important;}}


/* v4.2 — LIVE/PUBLISHED SIDEBAR HARDENING
 * Keep the published sidebar visually identical to the Customizer preview.
 * These rules are scoped to .j12-sidebar so theme/plugin/global styles cannot
 * resize SVGs, recolor icons, or alter the sidebar card layout.
 */
.j12-sidebar.j12-sidebar-live{display:flex!important;flex-direction:column!important;gap:16px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;font-family:inherit!important;color:inherit!important;position:static!important;}
.j12-sidebar.j12-sidebar-live *{box-sizing:border-box!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-box{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-item{width:auto!important;height:auto!important;min-width:0!important;min-height:62px!important;padding:7px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;overflow:hidden!important;border:1px solid #e2ebf3!important;border-radius:9px!important;background:#f8fbfe!important;text-decoration:none!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon{display:inline-flex!important;position:relative!important;flex:0 0 26px!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:7px!important;color:#fff!important;line-height:0!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon svg{display:block!important;position:static!important;width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;margin:0!important;padding:0!important;transform:none!important;}
.j12-sidebar.j12-sidebar-live .social-facebook .j12-sidebar-social-icon{background:#1877F2!important}.j12-sidebar.j12-sidebar-live .social-youtube .j12-sidebar-social-icon{background:#FF0000!important}.j12-sidebar.j12-sidebar-live .social-instagram .j12-sidebar-social-icon{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)!important}.j12-sidebar.j12-sidebar-live .social-telegram .j12-sidebar-social-icon{background:#229ED9!important}.j12-sidebar.j12-sidebar-live .social-whatsapp .j12-sidebar-social-icon{background:#25D366!important}.j12-sidebar.j12-sidebar-live .social-linkedin .j12-sidebar-social-icon{background:#0A66C2!important}.j12-sidebar.j12-sidebar-live .social-x .j12-sidebar-social-icon{background:#111111!important}.j12-sidebar.j12-sidebar-live .social-link .j12-sidebar-social-icon{background:#07539A!important}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-name{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;font-size:10px!important;line-height:1.2!important;font-weight:700!important;color:#174d7d!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image-link{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:8px!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;}
@media(max-width:480px){.j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}


/* v4.3 — responsive live sidebar refinement
 * Matches the intended desktop sidebar card layout and prevents theme/plugin
 * styles from collapsing links, images, or social buttons on smaller screens.
 */
.j12-sidebar.j12-sidebar-live,
.j12-sidebar.j12-sidebar-live *{box-sizing:border-box!important;}

.j12-sidebar.j12-sidebar-live .j12-sidebar-box{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:16px!important;
  overflow:hidden!important;
  background:var(--j12-sidebar-bg,#fff)!important;
  border:1px solid var(--j12-sidebar-border,#d7e4ef)!important;
  border-radius:var(--j12-sidebar-radius,10px)!important;
  box-shadow:0 1px 2px rgba(15,55,90,.03)!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-box h3{
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--j12-sidebar-heading,#0a467d)!important;
}

/* Quick Links: always a clean vertical list like the reference design. */
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link,
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-list.cols-2 .j12-sidebar-quick-link{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid #e5edf5!important;
  color:var(--j12-sidebar-link,#174d7d)!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link:last-child{border-bottom:0!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link span{display:block!important;min-width:0!important;flex:1 1 auto!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link b{display:block!important;flex:0 0 auto!important;font-size:16px!important;line-height:1!important;font-weight:500!important;}

/* Advertisement / poster: scale naturally to the card width. */
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad{background:var(--j12-sidebar-ad-bg,#fffaf0)!important;border-color:var(--j12-sidebar-ad-border,#f0d48a)!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image-link{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 0 12px!important;overflow:hidden!important;border-radius:8px!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:8px!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad p{
  margin:0 0 12px!important;
  font-size:13px!important;
  line-height:1.55!important;
  color:#5f6670!important;
  overflow-wrap:anywhere!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-button{
  display:flex!important;
  width:100%!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:7px!important;
  background:var(--j12-sidebar-ad-link,#07539a)!important;
  color:#fff!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-url{display:flex!important;width:100%!important;}

/* Social area: compact responsive grid; no vertical stacking of icons. */
.j12-sidebar.j12-sidebar-live .j12-sidebar-social p{
  display:block!important;
  margin:-2px 0 14px!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#60758a!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  width:100%!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-item{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  padding:7px 3px!important;
  border:1px solid #e2ebf3!important;
  border-radius:9px!important;
  background:#f8fbfe!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon{
  display:inline-flex!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  overflow:hidden!important;
  line-height:0!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-name{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#174d7d!important;
}

/* Sidebar width and stacking breakpoints. */
.j12-content-with-sidebar{
  grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;
  gap:20px!important;
  align-items:start!important;
}
.j12-content-with-sidebar>.j12-sidebar{min-width:0!important;}
@media (max-width:1000px){
  .j12-content-with-sidebar{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;}
}
@media (max-width:800px){
  .j12-content-with-sidebar{display:block!important;width:100%!important;}
  .j12-content-with-sidebar>.j12-sidebar{width:100%!important;max-width:100%!important;margin-top:20px!important;position:static!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-box{padding:15px!important;}
}
@media (max-width:480px){
  .j12-sidebar.j12-sidebar-live{gap:12px!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-box{padding:14px!important;border-radius:10px!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link{min-height:40px!important;padding:9px 0!important;font-size:13px!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-social-item{min-height:60px!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon{flex-basis:26px!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;}
  .j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon svg{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;}
}


/* v4.3.1 — published sidebar final overrides */
.j12-sidebar.j12-sidebar-live{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:16px!important;position:static!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-box{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;padding:10px 0!important;border-bottom:1px solid #e5edf5!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-quick-link:last-child{border-bottom:0!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:62px!important;overflow:hidden!important;}
@media(max-width:1000px){.j12-content-with-sidebar{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;}}
@media(max-width:800px){.j12-content-with-sidebar{display:block!important;width:100%!important;}.j12-content-with-sidebar>.j12-sidebar{width:100%!important;max-width:100%!important;margin-top:20px!important;position:static!important;}.j12-sidebar.j12-sidebar-live .j12-sidebar-box{padding:15px!important;}}
@media(max-width:480px){.j12-sidebar.j12-sidebar-live{gap:12px!important;}.j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}}


/* v4.4.0 — isolated footer social system + published responsive sidebar hardening */
.j12-footer{position:relative;overflow:hidden;}
.j12-footer-social{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:820px!important;
  margin:22px auto 0!important;
  padding:16px 0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  box-sizing:border-box!important;
}
.j12-footer-social-item{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  padding:7px 5px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  overflow:hidden!important;
  transform:none!important;
}
.j12-footer-social-item:hover{background:rgba(255,255,255,.11)!important;transform:translateY(-1px)!important;}
.j12-footer-social-icon{
  display:inline-flex!important;
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  aspect-ratio:1/1!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  overflow:hidden!important;
  line-height:0!important;
  color:#fff!important;
  box-shadow:0 2px 6px rgba(0,0,0,.16)!important;
}
.j12-footer-social-icon svg,
.j12-footer-social-icon svg *{
  display:block!important;
  position:static!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.j12-footer-social-item.social-facebook .j12-footer-social-icon{background:#1877f2!important}
.j12-footer-social-item.social-youtube .j12-footer-social-icon{background:#ff0000!important}
.j12-footer-social-item.social-telegram .j12-footer-social-icon{background:#229ed9!important}
.j12-footer-social-item.social-instagram .j12-footer-social-icon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)!important}
.j12-footer-social-item.social-x .j12-footer-social-icon{background:#111!important}
.j12-footer-social-item.social-whatsapp .j12-footer-social-icon{background:#25d366!important}
.j12-footer-social-item.social-linkedin .j12-footer-social-icon{background:#0a66c2!important}
.j12-footer-social-item>span:last-child{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.2!important;
}

/* Keep the published right sidebar locked to the reference card layout. */
.j12-content-with-sidebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 315px!important;
  gap:20px!important;
  align-items:start!important;
}
.j12-content-with-sidebar>.j12-sidebar{width:315px!important;max-width:315px!important;min-width:0!important;position:static!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-box{width:100%!important;max-width:100%!important;}
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;}
@media(max-width:1000px){
  .j12-content-with-sidebar{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;}
  .j12-content-with-sidebar>.j12-sidebar{width:300px!important;max-width:300px!important;}
}
@media(max-width:800px){
  .j12-content-with-sidebar{display:block!important;width:100%!important;}
  .j12-content-with-sidebar>.j12-sidebar{width:100%!important;max-width:100%!important;margin-top:20px!important;position:static!important;}
}
@media(max-width:700px){
  .j12-footer-social{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:14px 0!important;}
}
@media(max-width:480px){
  .j12-footer-social{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  .j12-footer-social-item{min-height:60px!important;padding:6px 3px!important;}
  .j12-footer-social-icon{flex-basis:30px!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;}
  .j12-footer-social-icon svg,.j12-footer-social-icon svg *{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important;}
  .j12-footer-social-item>span:last-child{font-size:9px!important;}
}

/* ================================================================
   v4.4.1 — Published/Editor parity hardening
   Loaded last to prevent plugin/theme/global CSS from corrupting the
   homepage, sidebar, social buttons and footer on the public site.
   ================================================================ */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
.j12-site-main, .j12-site-main * { box-sizing:border-box; }
.j12-site-main { width:100%; max-width:100%; min-width:0; overflow-x:hidden; }
.j12-site-main > .j12-container, .j12-hero-inner { width:min(1180px, calc(100% - 28px)); max-width:1180px; min-width:0; margin-left:auto; margin-right:auto; }
.j12-main-grid, .j12-content-with-sidebar { min-width:0; }
.j12-main-grid > *, .j12-content-with-sidebar > *, .j12-job-grid > * { min-width:0; }

/* Published sidebar: stable desktop width, then full-width mobile. */
.j12-sidebar.j12-sidebar-live { width:315px!important; max-width:315px!important; min-width:0!important; position:static!important; }
.j12-sidebar.j12-sidebar-live .j12-sidebar-box { width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; }
.j12-sidebar.j12-sidebar-live .j12-sidebar-ad-image { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; object-fit:contain!important; }

/* Social cards: fixed geometry so generic anchor/SVG rules cannot stretch them. */
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; width:100%!important; }
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-item { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:62px!important; margin:0!important; padding:7px 3px!important; gap:4px!important; overflow:hidden!important; box-sizing:border-box!important; text-decoration:none!important; }
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon { display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 28px!important; width:28px!important; height:28px!important; min-width:28px!important; min-height:28px!important; max-width:28px!important; max-height:28px!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:7px!important; line-height:0!important; box-sizing:border-box!important; }
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon svg, .j12-sidebar.j12-sidebar-live .j12-sidebar-social-icon svg * { display:block!important; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px!important; max-height:16px!important; margin:0!important; padding:0!important; transform:none!important; }
.j12-sidebar.j12-sidebar-live .j12-sidebar-social-name { display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-align:center!important; font-size:10px!important; line-height:1.2!important; }

/* Footer social buttons: same stable geometry on every browser. */
.j12-footer { width:100%; max-width:100%; overflow:hidden; }
.j12-footer-social { display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:10px!important; width:100%!important; max-width:820px!important; margin:22px auto 0!important; padding:16px 0!important; align-items:stretch!important; }
.j12-footer-social-item { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:62px!important; margin:0!important; padding:7px 4px!important; gap:5px!important; overflow:hidden!important; border-radius:9px!important; text-decoration:none!important; line-height:1.2!important; box-sizing:border-box!important; }
.j12-footer-social-icon { display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 34px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; margin:0!important; padding:0!important; border-radius:8px!important; overflow:hidden!important; line-height:0!important; box-sizing:border-box!important; }
.j12-footer-social-icon svg, .j12-footer-social-icon svg * { display:block!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; max-width:18px!important; max-height:18px!important; margin:0!important; padding:0!important; transform:none!important; }
.j12-footer-social-item > span:last-child { display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-align:center!important; font-size:10px!important; line-height:1.2!important; }

/* Mobile navigation uses a class instead of inline state that can conflict with cached CSS. */
@media (max-width:1000px){
  .j12-sidebar.j12-sidebar-live { width:100%!important; max-width:none!important; }
  .j12-content-with-sidebar { display:block!important; width:100%!important; }
  .j12-content-with-sidebar > .j12-sidebar { width:100%!important; max-width:none!important; margin-top:20px!important; position:static!important; }
  .j12-nav.j12-nav-open { display:flex!important; flex-direction:column!important; position:absolute!important; left:12px!important; right:12px!important; top:62px!important; z-index:100!important; width:auto!important; padding:10px!important; background:#fff!important; border:1px solid #dce7f1!important; border-radius:10px!important; box-shadow:0 12px 30px rgba(0,0,0,.12)!important; }
  .j12-nav.j12-nav-open a { width:100%!important; }
}
@media (max-width:700px){
  .j12-site-main > .j12-container, .j12-hero-inner { width:calc(100% - 20px); max-width:none; }
  .j12-job-grid { grid-template-columns:1fr!important; }
  .j12-footer-social { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; padding:14px 0!important; }
}
@media (max-width:480px){
  .j12-site-main > .j12-container, .j12-hero-inner { width:calc(100% - 16px); }
  .j12-footer-social { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; }
  .j12-footer-social-item { min-height:60px!important; padding:6px 3px!important; }
  .j12-footer-social-icon { flex-basis:30px!important; width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; max-width:30px!important; max-height:30px!important; }
  .j12-footer-social-icon svg, .j12-footer-social-icon svg * { width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px!important; max-height:16px!important; }
}

/* v4.4.2 — lightweight colorful job-category icons (inline SVG, no external requests) */
.j12-categories .j12-cat{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
  min-width:0;
  padding:16px 13px 14px;
  transition:transform .16s ease,box-shadow .16s ease;
}
.j12-categories .j12-cat:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,67,112,.12);}
.j12-cat-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  margin:0 0 10px;
  flex:0 0 58px;
}
.j12-cat-icon svg{display:block;width:58px;height:58px;max-width:100%;}
.j12-categories .j12-cat strong{display:block;width:100%;min-width:0;line-height:1.25;}
.j12-categories .j12-cat small{display:block;width:100%;min-width:0;margin-top:10px;line-height:1.35;}
@media(max-width:700px){
  .j12-cat-icon{width:52px;height:52px;flex-basis:52px}
  .j12-cat-icon svg{width:52px;height:52px}
}
@media(max-width:420px){
  .j12-cat-icon{width:48px;height:48px;flex-basis:48px;margin-bottom:8px}
  .j12-cat-icon svg{width:48px;height:48px}
}\n\n/* v4.4.3 — editable homepage category cards */\n.j12-categories .j12-cat{\n  background:var(--j12-cat-bg,#fff);\n  border:1px solid color-mix(in srgb,var(--j12-cat-accent,#d7e4ef) 22%,#d7e4ef);\n  box-shadow:0 7px 18px rgba(0,0,0,.06);\n}\n.j12-categories .j12-cat-icon{\n  background:var(--j12-cat-icon-bg,#eef7ff);\n  border-radius:50%;\n  overflow:hidden;\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);\n}\n.j12-categories .j12-cat-icon img{\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:100%;\n  object-fit:contain;\n  padding:3px;\n}\n.j12-categories .j12-cat strong{color:var(--j12-cat-accent,#174d7d);}\n.j12-categories .j12-cat small{color:#315d83;}\n@supports not (color:color-mix(in srgb, red 50%, white)){\n  .j12-categories .j12-cat{border-color:var(--j12-cat-accent,#d7e4ef);}\n}\n

/* v4.4.4 — Job Category hover/focus/active visibility fix
   Keep category text and icon visible in every interaction state.
   Hover only adds a subtle shadow; it never swaps text to white or hides content. */
.j12-categories .j12-cat,
.j12-categories .j12-cat:hover,
.j12-categories .j12-cat:focus,
.j12-categories .j12-cat:focus-visible,
.j12-categories .j12-cat:active,
.j12-categories .j12-cat:visited{
  color:var(--j12-cat-accent,#174d7d)!important;
  background:var(--j12-cat-bg,#fff)!important;
  -webkit-text-fill-color:initial!important;
}
.j12-categories .j12-cat:hover,
.j12-categories .j12-cat:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(21,67,112,.14)!important;
  border-color:var(--j12-cat-accent,#d7e4ef)!important;
}
.j12-categories .j12-cat:active{
  transform:translateY(0);
}
.j12-categories .j12-cat strong,
.j12-categories .j12-cat:hover strong,
.j12-categories .j12-cat:focus strong,
.j12-categories .j12-cat:focus-visible strong,
.j12-categories .j12-cat:active strong{
  color:var(--j12-cat-accent,#174d7d)!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  -webkit-text-fill-color:var(--j12-cat-accent,#174d7d)!important;
}
.j12-categories .j12-cat small,
.j12-categories .j12-cat:hover small,
.j12-categories .j12-cat:focus small,
.j12-categories .j12-cat:focus-visible small,
.j12-categories .j12-cat:active small{
  color:#315d83!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  -webkit-text-fill-color:#315d83!important;
}
.j12-categories .j12-cat-icon,
.j12-categories .j12-cat:hover .j12-cat-icon,
.j12-categories .j12-cat:focus .j12-cat-icon,
.j12-categories .j12-cat:active .j12-cat-icon{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
.j12-categories .j12-cat-icon svg,
.j12-categories .j12-cat-icon img,
.j12-categories .j12-cat:hover .j12-cat-icon svg,
.j12-categories .j12-cat:hover .j12-cat-icon img{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* v4.4.6 — screenshot-style colorful Job Categories
   Defaults are green/blue/orange/purple/red/teal. All states keep the same
   card color so hover/focus/click never hides or recolors the content. */
.j12-categories .j12-cat,
.j12-categories .j12-cat:hover,
.j12-categories .j12-cat:focus,
.j12-categories .j12-cat:focus-visible,
.j12-categories .j12-cat:active{
  background:var(--j12-cat-bg,#1677C8)!important;
  color:var(--j12-cat-text,#fff)!important;
  -webkit-text-fill-color:var(--j12-cat-text,#fff)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.j12-categories .j12-cat:hover,
.j12-categories .j12-cat:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.14)!important;
}
.j12-categories .j12-cat strong,
.j12-categories .j12-cat:hover strong,
.j12-categories .j12-cat:focus strong,
.j12-categories .j12-cat:focus-visible strong,
.j12-categories .j12-cat:active strong,
.j12-categories .j12-cat small,
.j12-categories .j12-cat:hover small,
.j12-categories .j12-cat:focus small,
.j12-categories .j12-cat:focus-visible small,
.j12-categories .j12-cat:active small{
  color:var(--j12-cat-text,#fff)!important;
  -webkit-text-fill-color:var(--j12-cat-text,#fff)!important;
  opacity:1!important;
  visibility:visible!important;
}
.j12-categories .j12-cat-icon{
  background:var(--j12-cat-icon-bg,rgba(255,255,255,.18))!important;
  border-radius:12px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:hidden;
}
.j12-categories .j12-cat-icon svg,
.j12-categories .j12-cat-icon img{
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
@media(max-width:600px){
  .j12-categories .j12-cat-icon{width:44px;height:44px;flex-basis:44px}
  .j12-categories .j12-cat-icon svg,.j12-categories .j12-cat-icon img{width:39px!important;height:39px!important;max-width:39px!important;max-height:39px!important}
}


/* v4.4.8 — compact responsive topbar/header navigation only */
.j12-topbar-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.j12-topbar-message,.j12-topbar-date{min-width:0;overflow:hidden;text-overflow:ellipsis}.j12-header-inner,.j12-brand-copy{min-width:0}.j12-nav{min-width:0;flex-wrap:wrap;align-items:center}.j12-nav a{white-space:nowrap}@media(max-width:1000px){.j12-nav{flex-wrap:nowrap;overflow-x:auto}}@media(max-width:700px){.j12-topbar-inner,.j12-header-inner{width:calc(100% - 16px)}}

/* v4.5.0 — Separate Top Bar Customization styling */
.j12-brand-copy strong{display:block;}
.j12-brand-subtitle{display:block;}

/* v4.5.3 — Sidebar notifications and optional free feature columns */
.j12-sidebar-notifications .j12-sidebar-post-list{display:flex;flex-direction:column;gap:0}
.j12-sidebar-post-item{display:flex!important;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 0!important;border-bottom:1px solid #e5edf5;text-decoration:none!important;color:var(--j12-sidebar-link,#174d7d)!important;font-size:12px!important;line-height:1.45!important;font-weight:600!important}
.j12-sidebar-post-item:last-child{border-bottom:0}
.j12-sidebar-post-item span{min-width:0;overflow-wrap:anywhere}
.j12-sidebar-post-item small{flex:0 0 auto;color:#8293a4;font-size:10px;font-weight:500;white-space:nowrap}
.j12-sidebar-post-item:hover{color:var(--j12-primary,#07539a)!important}
.j12-sidebar-empty{margin:0;color:#7b8b9a;font-size:12px}
.j12-sidebar-free-grid{display:grid;grid-template-columns:1fr;gap:10px}
.j12-sidebar-free-item{padding:11px;border:1px solid #e2ebf3;border-radius:8px;background:#f8fbfe}
.j12-sidebar-free-item strong{display:block;color:#174d7d;font-size:13px;line-height:1.35}
.j12-sidebar-free-item p{margin:5px 0 8px;color:#60758a;font-size:11px;line-height:1.5}
.j12-sidebar-free-item a{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:6px;background:var(--j12-primary,#07539a);color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:700}
.j12-sidebar-free-item a:hover{opacity:.92}


/* Comment form styling only — scoped to the WordPress comments area */
#comments,
#respond {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
#respond {
  margin: 24px 0 28px;
  padding: 22px;
  background: var(--j12-card, #fff);
  border: 1px solid var(--j12-border, #dce7f1);
  border-radius: 14px;
  box-shadow: var(--j12-shadow, 0 8px 25px rgba(18,68,108,.07));
  color: var(--j12-text, #17324d);
}
#respond .comment-reply-title,
#comments .comments-title {
  margin: 0 0 10px;
  color: var(--j12-text, #17324d);
  font-size: clamp(20px, 3vw, 25px);
  line-height: 1.3;
  font-weight: 800;
}
#respond .comment-notes,
#respond .logged-in-as,
#respond .must-log-in {
  margin: 0 0 18px;
  color: var(--j12-muted, #687c90);
  font-size: 14px;
  line-height: 1.6;
}
#respond .comment-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 15px 16px;
  margin: 0;
}
#respond .comment-form > p {
  min-width: 0;
  margin: 0;
}
#respond .comment-form-comment,
#respond .comment-notes,
#respond .logged-in-as,
#respond .comment-form-cookies-consent,
#respond .form-submit,
#respond .comment-form-url,
#respond .comment-form-author,
#respond .comment-form-email {
  grid-column: 1 / -1;
}
#respond .comment-form label {
  display: block;
  margin: 0 0 7px;
  color: var(--j12-text, #17324d);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
}
#respond .comment-form textarea,
#respond .comment-form input[type="text"],
#respond .comment-form input[type="email"],
#respond .comment-form input[type="url"] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid #cbd8e5;
  border-radius: 8px;
  background: #fff;
  color: var(--j12-text, #17324d);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#respond .comment-form textarea {
  min-height: 145px;
  resize: vertical;
}
#respond .comment-form textarea:focus,
#respond .comment-form input[type="text"]:focus,
#respond .comment-form input[type="email"]:focus,
#respond .comment-form input[type="url"]:focus {
  outline: none;
  border-color: var(--j12-accent, #0d82df);
  box-shadow: 0 0 0 3px rgba(13,130,223,.13);
}
#respond .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--j12-muted, #687c90);
  font-size: 13px;
  line-height: 1.5;
}
#respond .comment-form-cookies-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin: 3px 0 0;
  accent-color: var(--j12-primary, #07539a);
}
#respond .comment-form-cookies-consent label {
  margin: 0;
  font-weight: 500;
}
#respond .form-submit {
  margin-top: 2px !important;
}
#respond .form-submit input[type="submit"],
#respond #submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  max-width: 100%;
  padding: 11px 22px;
  border: 0;
  border-radius: 8px;
  background: var(--j12-primary, #07539a);
  color: #fff;
  font: inherit;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 800;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}
#respond .form-submit input[type="submit"]:hover,
#respond #submit:hover {
  background: var(--j12-primary-dark, #063b70);
}
#respond .form-submit input[type="submit"]:focus-visible,
#respond #submit:focus-visible {
  outline: 3px solid rgba(13,130,223,.3);
  outline-offset: 2px;
}
#respond .form-allowed-tags { display: none; }
@media (max-width: 600px) {
  #respond {
    margin: 18px 0 24px;
    padding: 16px 14px;
    border-radius: 11px;
  }
  #respond .comment-form {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  #respond .comment-form > p { grid-column: 1 / -1; }
  #respond .comment-form textarea { min-height: 135px; }
  #respond .form-submit input[type="submit"],
  #respond #submit { width: 100%; }
}