/* BCS Job Solution — isolated Smart Job Content UI */
.smart-job-content{--sj-blue:#2563eb;--sj-indigo:#4f46e5;--sj-green:#059669;--sj-amber:#d97706;--sj-red:#dc2626;--sj-slate:#475569;color:#172033}
.smart-job-content>*:first-child{margin-top:0}.smart-job-content>*:last-child{margin-bottom:0}
.smart-job-content h1,.smart-job-content h2,.smart-job-content h3,.smart-job-content h4{position:relative;margin:28px 0 14px;padding:12px 15px 12px 18px;border:1px solid #dbe7ff;border-radius:14px;background:linear-gradient(135deg,#f7faff,#eef5ff);line-height:1.35;color:#17356d;overflow:hidden}
.smart-job-content h1:before,.smart-job-content h2:before,.smart-job-content h3:before,.smart-job-content h4:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#2563eb,#7c3aed)}
.smart-job-content p{margin:0 0 13px}.smart-job-content strong{color:#142f64}.smart-job-content em{color:#5b3fa6}
.smart-job-content ul,.smart-job-content ol{margin:10px 0 16px;padding-inline-start:28px}.smart-job-content li{margin:5px 0}.smart-job-content blockquote{margin:16px 0;padding:14px 16px;border:1px solid #d8e4ff;border-left:5px solid var(--sj-indigo);border-radius:12px;background:#f8faff}
.sj-table-shell{margin:18px 0;border:1px solid #d9e3f2;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(31,65,120,.08);overflow:hidden}.sj-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.smart-job-content table.sj-smart-table{display:table!important;width:100%;max-width:none;border-collapse:separate;border-spacing:0;margin:0;overflow:visible}.sj-smart-table th,.sj-smart-table td{padding:11px 13px;border:0;border-right:1px solid #e6edf7;border-bottom:1px solid #e6edf7;text-align:left;vertical-align:top;min-width:105px}.sj-smart-table th{background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff;font-weight:800;white-space:nowrap}.sj-smart-table tr:nth-child(even) td{background:#f8fbff}.sj-smart-table tr:hover td{background:#f1f6ff}.sj-smart-table tr:last-child td{border-bottom:0}.sj-smart-table th:last-child,.sj-smart-table td:last-child{border-right:0}.sj-smart-table .sj-col-compact{min-width:58px;width:1%;white-space:nowrap;text-align:center}.sj-smart-table .sj-col-wide{min-width:240px}
.smart-job-content a.sj-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:7px 7px 7px 0;padding:10px 16px;border-radius:12px;color:#fff!important;text-decoration:none!important;font-weight:800;line-height:1.25;box-shadow:0 8px 20px rgba(37,99,235,.18);transition:transform .18s ease,box-shadow .18s ease}.smart-job-content a.sj-cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,.24)}.sj-cta-apply{background:linear-gradient(135deg,#059669,#0ea5e9)}.sj-cta-official{background:linear-gradient(135deg,#2563eb,#4f46e5)}.sj-cta-pdf{background:linear-gradient(135deg,#dc2626,#f97316)}.sj-cta-result{background:linear-gradient(135deg,#7c3aed,#2563eb)}.sj-cta-generic,.sj-cta-video{background:linear-gradient(135deg,#334155,#2563eb)}
.sj-callout{margin:15px 0;padding:14px 16px;border-radius:14px;border:1px solid}.sj-callout strong:first-child{display:block;margin-bottom:4px}.sj-callout-important{background:#fff9e8;border-color:#f4d98a}.sj-callout-warning{background:#fff3f2;border-color:#ffc8c3}.sj-callout-note{background:#f1f7ff;border-color:#c9ddff}
.sj-resource-box{background:linear-gradient(135deg,#f8fbff,#f5f3ff)!important;border-color:#dbe6f7!important}.sj-resource-copy{display:flex;align-items:center;gap:12px}.sj-resource-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(31,65,120,.09);font-size:21px}.sj-resource-box .sj-cta{margin:0}.job-video-box.sj-resource-box{display:flex;align-items:center;justify-content:space-between;gap:15px}.job-video-box.sj-resource-box a{margin-top:0;color:#fff;word-break:normal}
.smart-job-content img{border-radius:14px;border:1px solid #e3e9f2;box-shadow:0 8px 24px rgba(15,23,42,.08)}
@media(max-width:700px){.job-detail-content.smart-job-content{padding:17px;font-size:15.5px;line-height:1.72}.smart-job-content h1,.smart-job-content h2,.smart-job-content h3,.smart-job-content h4{margin-top:22px;padding:10px 12px 10px 15px}.sj-smart-table th,.sj-smart-table td{padding:9px 10px;font-size:14px}.job-video-box.sj-resource-box,.job-download-box.sj-resource-box{align-items:stretch;flex-direction:column}.sj-resource-box .sj-cta{width:100%}.smart-job-content a.sj-cta{width:100%;margin-right:0}}

/* ===== Phase 2: semantic premium job renderer ===== */
.smart-job-content .sj-heading{display:flex;align-items:center;gap:9px}.smart-job-content .sj-heading:after{content:attr(data-sj-icon);order:-1;font-size:.95em}.smart-job-content .sj-heading-qualification{background:linear-gradient(135deg,#f7f5ff,#eef2ff);border-color:#ddd6fe;color:#4338ca}.smart-job-content .sj-heading-process,.smart-job-content .sj-heading-application{background:linear-gradient(135deg,#eff8ff,#eef6ff);border-color:#bfdbfe;color:#1d4ed8}.smart-job-content .sj-heading-documents{background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border-color:#a7f3d0;color:#047857}.smart-job-content .sj-heading-salary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0;color:#047857}.smart-job-content .sj-heading-important{background:linear-gradient(135deg,#fffbeb,#fff7ed);border-color:#fde68a;color:#b45309}
.sj-quick-info{margin:0 0 22px;padding:17px;border:1px solid #dbe7f5;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f7f8ff);box-shadow:0 12px 32px rgba(31,65,120,.08)}.sj-quick-head,.sj-action-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.sj-quick-head>span,.sj-action-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:0 5px 15px rgba(31,65,120,.09)}.sj-quick-head strong,.sj-action-title strong{display:block;color:#18345f;font-size:16px}.sj-quick-head small,.sj-action-title small{display:block;margin-top:1px;color:#718096;font-size:12px}.sj-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sj-fact{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #e1e9f4;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(31,65,120,.045)}.sj-fact-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#f3f7ff;font-size:18px}.sj-fact small{display:block;color:#718096;font-size:11.5px;line-height:1.25}.sj-fact strong{display:block;margin-top:3px;color:#172b4d;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.sj-fact-deadline .sj-fact-icon{background:#fff7e6}.sj-fact-salary .sj-fact-icon,.sj-fact-vacancy .sj-fact-icon{background:#ecfdf5}.sj-fact-fee .sj-fact-icon{background:#f5f3ff}.sj-source-fact{display:none!important}
.sj-action-panel{margin:0 0 22px;padding:15px 16px;border:1px solid #d9e6f7;border-radius:17px;background:linear-gradient(135deg,#f8fbff,#f7f5ff);box-shadow:0 9px 25px rgba(31,65,120,.065)}.sj-action-buttons{display:flex;flex-wrap:wrap;gap:9px}.sj-action-buttons .sj-cta{margin:0!important}.sj-cta-admit{background:linear-gradient(135deg,#7c3aed,#2563eb)}.sj-cta-payment{background:linear-gradient(135deg,#0f766e,#059669)}
.sj-process-list{list-style:none!important;padding:0!important;counter-reset:none}.sj-process-list>li{position:relative;margin:0 0 10px!important;padding:13px 14px 13px 54px;border:1px solid #dbe7f7;border-radius:13px;background:#f9fbff}.sj-process-list>li:before{content:var(--sj-step);position:absolute;left:12px;top:11px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:800;font-size:13px}.sj-check-list{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sj-check-list>li{position:relative;margin:0!important;padding:11px 12px 11px 39px;border:1px solid #d9eee6;border-radius:12px;background:#f6fffb}.sj-check-list>li:before{content:'✓';position:absolute;left:12px;top:10px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#059669;color:#fff;font-size:12px;font-weight:900}
.sj-smart-table .sj-cell-deadline{background:#fff9eb!important;color:#92400e;font-weight:700}.sj-smart-table .sj-cell-salary,.sj-smart-table .sj-cell-vacancy{background:#f0fdf4!important}.sj-smart-table .sj-cell-fee{background:#f5f3ff!important}
.sj-mobile-sticky{display:none}
@media(max-width:900px){.sj-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sj-quick-info{padding:13px;border-radius:15px}.sj-fact-grid{gap:8px}.sj-fact{padding:10px;gap:8px}.sj-fact-icon{width:34px;height:34px;flex-basis:34px}.sj-check-list{grid-template-columns:1fr}.sj-action-buttons{display:grid;grid-template-columns:1fr}.sj-action-buttons .sj-cta{width:100%}.sj-mobile-sticky{position:fixed;z-index:9998;left:0;right:0;bottom:0;display:block;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(255,255,255,.94);border-top:1px solid #dbe4ef;box-shadow:0 -8px 25px rgba(15,23,42,.12);backdrop-filter:blur(12px)}.sj-mobile-sticky .sj-sticky-apply{display:flex;width:100%;min-height:45px;margin:0!important;border-radius:12px;background:linear-gradient(135deg,#059669,#0ea5e9);color:#fff!important;text-decoration:none;font-weight:900;align-items:center;justify-content:center}.has-sj-mobile-sticky{padding-bottom:72px}.sj-quick-head strong,.sj-action-title strong{font-size:15px}}
@media(max-width:430px){.sj-fact-grid{grid-template-columns:1fr 1fr}.sj-fact{align-items:flex-start}.sj-fact strong{font-size:13px}.sj-fact small{font-size:10.5px}}

/* ===== Phase 3: mockup-match premium visual system ===== */
.job-detail-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;max-width:1320px;margin-inline:auto}
.job-detail-card{border-radius:18px!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 36px rgba(15,23,42,.08)!important;background:#fff!important}
.job-detail-image{display:block;width:auto!important;max-width:min(100%,760px)!important;max-height:520px!important;margin:0 auto;background:#fff!important;padding:0!important;border-bottom:1px solid #edf2f7}
.job-detail-content.smart-job-content{padding:18px 20px 24px!important;line-height:1.72!important;color:#1f2937;background:#fff}

/* Remove legacy inline highlight paint inside promoted headings; renderer owns heading design. */
.smart-job-content .sj-heading span,.smart-job-content .sj-heading strong,.smart-job-content .sj-heading b,.smart-job-content .sj-heading font,
.smart-job-content .sj-pseudo-heading span,.smart-job-content .sj-pseudo-heading strong,.smart-job-content .sj-pseudo-heading b,.smart-job-content .sj-pseudo-heading font{
  background:transparent!important;background-color:transparent!important;color:inherit!important;font-size:inherit!important;font-family:inherit!important;text-decoration:none!important;padding:0!important;border:0!important;
}
.smart-job-content .sj-heading,.smart-job-content .sj-pseudo-heading{margin:18px 0 10px!important;min-height:42px;padding:10px 14px 10px 44px!important;border:1px solid #dbe7f7!important;border-radius:11px!important;background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;color:#17356d!important;font-weight:850!important;box-shadow:none!important;position:relative!important;display:flex!important;align-items:center!important;line-height:1.35!important}
.smart-job-content .sj-heading:before,.smart-job-content .sj-pseudo-heading:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:linear-gradient(#2563eb,#7c3aed)!important;border-radius:11px 0 0 11px!important}
.smart-job-content .sj-heading:after,.smart-job-content .sj-pseudo-heading:after{content:attr(data-sj-icon)!important;position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:17px!important;line-height:1!important}
.smart-job-content .sj-heading-qualification,.smart-job-content .sj-pseudo-heading.sj-heading-qualification{background:linear-gradient(135deg,#f7f5ff,#eef2ff)!important;border-color:#ddd6fe!important;color:#4338ca!important}
.smart-job-content .sj-heading-process,.smart-job-content .sj-heading-application,.smart-job-content .sj-pseudo-heading.sj-heading-process{background:linear-gradient(135deg,#fffaf0,#fff7ed)!important;border-color:#fed7aa!important;color:#b45309!important}
.smart-job-content .sj-heading-documents,.smart-job-content .sj-pseudo-heading.sj-heading-documents{background:linear-gradient(135deg,#f5f3ff,#faf5ff)!important;border-color:#e9d5ff!important;color:#6d28d9!important}
.smart-job-content .sj-heading-salary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)!important;border-color:#bbf7d0!important;color:#047857!important}
.smart-job-content .sj-heading-important{background:linear-gradient(135deg,#fff7ed,#fff1f2)!important;border-color:#fed7aa!important;color:#c2410c!important}

/* Section cards: visually separate long article like the reference mockup. */
.sj-section-card{margin:13px 0 16px;padding:0 14px 14px;border:1px solid #e3eaf4;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.sj-section-card>.sj-heading,.sj-section-card>.sj-pseudo-heading{margin-left:-14px!important;margin-right:-14px!important;margin-top:0!important;border-left:0!important;border-right:0!important;border-top:0!important;border-radius:12px 12px 0 0!important}
.sj-section-card>p:last-child,.sj-section-card>ul:last-child,.sj-section-card>ol:last-child,.sj-section-card>.sj-table-shell:last-child{margin-bottom:0!important}

/* Reference-style quick information */
.sj-quick-info{margin:0 0 15px!important;padding:15px!important;border:1px solid #dbe5f3!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.045)!important}
.sj-quick-head{margin-bottom:12px!important}.sj-quick-head>span{width:32px!important;height:32px!important;border-radius:9px!important;background:#eff6ff!important;box-shadow:none!important}.sj-quick-head strong{font-size:15px!important;color:#17418a!important}.sj-quick-head small{font-size:11px!important}
.sj-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.sj-fact{min-height:73px!important;padding:11px 12px!important;border-radius:10px!important;box-shadow:none!important}
.sj-fact-vacancy{background:#f0fdf4!important;border-color:#bbf7d0!important}.sj-fact-vacancy .sj-fact-icon{background:#dcfce7!important}
.sj-fact-salary{background:#eff6ff!important;border-color:#bfdbfe!important}.sj-fact-salary .sj-fact-icon{background:#dbeafe!important}
.sj-fact-age{background:#fff7ed!important;border-color:#fed7aa!important}.sj-fact-age .sj-fact-icon{background:#ffedd5!important}
.sj-fact-fee{background:#fff1f2!important;border-color:#fecdd3!important}.sj-fact-fee .sj-fact-icon{background:#ffe4e6!important}
.sj-fact-start{background:#f5f3ff!important;border-color:#ddd6fe!important}.sj-fact-start .sj-fact-icon{background:#ede9fe!important}
.sj-fact-deadline{background:#fff1f2!important;border-color:#fecdd3!important}.sj-fact-deadline .sj-fact-icon{background:#ffe4e6!important}
.sj-fact-type{background:#ecfeff!important;border-color:#a5f3fc!important}.sj-fact-type .sj-fact-icon{background:#cffafe!important}
.sj-fact-location{background:#ecfeff!important;border-color:#a5f3fc!important}.sj-fact-location .sj-fact-icon{background:#cffafe!important}
.sj-fact small{font-size:10.5px!important;font-weight:700!important}.sj-fact strong{font-size:14px!important}

/* Official actions = compact outlined resource row like the reference. */
.sj-action-panel{margin:0 0 16px!important;padding:14px!important;border-radius:13px!important;background:#fbfffc!important;border-color:#cfe8d8!important;box-shadow:none!important}
.sj-action-title>span{width:32px!important;height:32px!important;border-radius:9px!important;background:#ecfdf5!important;box-shadow:none!important}.sj-action-title strong{color:#166534!important;font-size:15px!important}.sj-action-title small{font-size:11px!important}
.sj-action-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important}
.sj-action-buttons .sj-cta{min-height:52px!important;width:100%!important;padding:9px 10px!important;margin:0!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;font-size:12.5px!important}
.sj-action-buttons .sj-cta-apply{border:1px solid #22c55e!important;color:#15803d!important;background:#f0fdf4!important}
.sj-action-buttons .sj-cta-official{border:1px solid #60a5fa!important;color:#1d4ed8!important;background:#eff6ff!important}
.sj-action-buttons .sj-cta-pdf{border:1px solid #c084fc!important;color:#7e22ce!important;background:#faf5ff!important}
.sj-action-buttons .sj-cta-admit{border:1px solid #fb923c!important;color:#c2410c!important;background:#fff7ed!important}
.sj-action-buttons .sj-cta-result{border:1px solid #22d3ee!important;color:#0e7490!important;background:#ecfeff!important}
.sj-action-buttons .sj-cta-payment{border:1px solid #f59e0b!important;color:#b45309!important;background:#fffbeb!important}

/* Tables: cleaner + green header closer to supplied reference mockup. */
.sj-table-shell{margin:13px 0!important;border-radius:11px!important;border-color:#d9e3ef!important;box-shadow:none!important}
.sj-smart-table th,.sj-smart-table td{padding:9px 11px!important;font-size:13px!important;line-height:1.45!important;min-width:90px!important}
.sj-smart-table th{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important}
.sj-smart-table tr:nth-child(even) td{background:#f8fafc!important}.sj-smart-table tr:hover td{background:#f0fdf4!important}
.sj-smart-table .sj-col-compact{min-width:48px!important}.sj-smart-table .sj-col-wide{min-width:220px!important}

/* Callouts closer to premium portal cards. */
.sj-callout{padding:12px 14px!important;border-radius:10px!important}.sj-callout-important{background:#fffbeb!important;border-color:#fde68a!important}.sj-callout-warning{background:#fff1f2!important;border-color:#fecaca!important}.sj-callout-note{background:#eff6ff!important;border-color:#bfdbfe!important}

/* Sidebar */
.job-detail-sidebar{gap:16px!important;top:82px!important}.job-detail-sidebar .card{border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important}
.job-info-card h3,.sj-sidebar-resources h3{margin:0 0 12px;color:#17418a;font-size:16px}.job-info-card>div{padding:10px 0!important;border-bottom:1px solid #edf2f7!important}.job-info-card>div:last-child{border-bottom:0!important}
.sj-sidebar-resources{padding:15px!important;background:#fff}.sj-side-actions{display:grid;gap:9px}.sj-side-action{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:54px;padding:10px 11px;border:1px solid #dbe5f3;border-radius:10px;text-decoration:none!important;background:#fff;font-size:12px;font-weight:800}.sj-side-action span{display:block;font-size:10px;font-weight:600;opacity:.72;margin-top:2px}.sj-side-action-apply{border-color:#86efac;color:#15803d!important;background:#f0fdf4}.sj-side-action-official{border-color:#93c5fd;color:#1d4ed8!important;background:#eff6ff}.sj-side-action-pdf{border-color:#d8b4fe;color:#7e22ce!important;background:#faf5ff}.sj-side-action-admit{border-color:#fdba74;color:#c2410c!important;background:#fff7ed}.sj-side-action-result{border-color:#67e8f9;color:#0e7490!important;background:#ecfeff}.sj-side-action-payment{border-color:#fcd34d;color:#b45309!important;background:#fffbeb}
.sj-side-extra{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #edf2f7;font-size:12px}.sj-side-extra span{color:#64748b}.sj-side-extra strong{text-align:right;color:#172554}

/* Resource boxes at article end */
.sj-resource-box{margin:14px 20px!important;border-radius:12px!important;padding:13px 14px!important}.sj-resource-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:9px!important;font-size:18px!important}.sj-resource-copy strong{font-size:13px}.sj-resource-copy p{font-size:11px!important;margin:2px 0 0!important;color:#64748b}.sj-resource-box .sj-cta{min-height:39px!important;border-radius:9px!important;font-size:12px!important;padding:8px 13px!important}

@media(max-width:1050px){.job-detail-layout{grid-template-columns:minmax(0,1fr) 270px!important}.sj-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:950px){.job-detail-layout{grid-template-columns:1fr!important}.job-detail-sidebar{position:static!important}.sj-sidebar-resources{display:none}}
@media(max-width:700px){.job-detail-content.smart-job-content{padding:13px!important}.job-detail-image{max-width:100%!important}.sj-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sj-action-buttons{grid-template-columns:1fr!important}.sj-section-card{padding:0 11px 12px}.sj-section-card>.sj-heading,.sj-section-card>.sj-pseudo-heading{margin-left:-11px!important;margin-right:-11px!important}.sj-resource-box{margin:12px 13px!important}}

/* ===== Phase 3.1: heading readability normalization =====
   Legacy Admin content may contain nested spans/fonts/marks with white text,
   background paint, text-fill or opacity. Once promoted to a smart heading,
   the renderer fully owns its visual treatment so every heading stays readable. */
.smart-job-content .sj-heading *,
.smart-job-content .sj-pseudo-heading *{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  font-size:inherit!important;
  font-family:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  text-decoration:none!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}
.smart-job-content .sj-heading mark,
.smart-job-content .sj-pseudo-heading mark{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
}
/* Controlled hierarchy: old editor font sizes can no longer make headings huge. */
.smart-job-content h1.sj-heading{font-size:24px!important}
.smart-job-content h2.sj-heading{font-size:21px!important}
.smart-job-content h3.sj-heading{font-size:18px!important}
.smart-job-content h4.sj-heading,
.smart-job-content h5.sj-heading,
.smart-job-content h6.sj-heading{font-size:16.5px!important}
.smart-job-content .sj-pseudo-heading{font-size:17px!important}
/* Keep heading text high-contrast on every semantic background. */
.smart-job-content .sj-heading-general,
.smart-job-content .sj-pseudo-heading.sj-heading-general{color:#17356d!important}
.smart-job-content .sj-heading-qualification,
.smart-job-content .sj-pseudo-heading.sj-heading-qualification{color:#4338ca!important}
.smart-job-content .sj-heading-process,
.smart-job-content .sj-heading-application,
.smart-job-content .sj-pseudo-heading.sj-heading-process,
.smart-job-content .sj-pseudo-heading.sj-heading-application{color:#9a4b08!important}
.smart-job-content .sj-heading-documents,
.smart-job-content .sj-pseudo-heading.sj-heading-documents{color:#6d28d9!important}
.smart-job-content .sj-heading-salary,
.smart-job-content .sj-pseudo-heading.sj-heading-salary{color:#047857!important}
.smart-job-content .sj-heading-important,
.smart-job-content .sj-pseudo-heading.sj-heading-important{color:#b42318!important}
@media(max-width:700px){
  .smart-job-content h1.sj-heading{font-size:21px!important}
  .smart-job-content h2.sj-heading{font-size:19px!important}
  .smart-job-content h3.sj-heading{font-size:17px!important}
  .smart-job-content h4.sj-heading,
  .smart-job-content h5.sj-heading,
  .smart-job-content h6.sj-heading,
  .smart-job-content .sj-pseudo-heading{font-size:16px!important}
}

/* ==========================================================
   Phase 4 — Mockup Match Premium Visual System
   Website-only. No API/database/app logic changes.
   ========================================================== */
body{background:#eef4ff}
.sj-job-page{padding:22px 0 46px;background:radial-gradient(circle at 10% 0,#f7fbff 0,#eef4ff 38%,#edf2fb 100%)}
.sj-job-layout{grid-template-columns:minmax(0,1fr) 292px;gap:16px;max-width:1220px}
.sj-job-main{border-radius:18px;border:1px solid #dbe5f4;box-shadow:0 18px 50px rgba(31,64,120,.08);overflow:hidden;background:#fff}
.sj-job-header{padding:20px 22px 14px;border-bottom:1px solid #edf2f8;background:linear-gradient(180deg,#ffffff 0,#fbfdff 100%)}
.sj-breadcrumb{margin:0 0 13px;font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#73809b}.sj-breadcrumb a{color:#1769e0;text-decoration:none}.sj-breadcrumb strong{color:#25375f;font-weight:700;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sj-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.sj-title-row h1{margin:0;color:#0f172a;font-size:clamp(25px,2.3vw,36px);line-height:1.28;letter-spacing:-.02em}.sj-job-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.sj-meta-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid}.sj-meta-blue{background:#eef6ff;border-color:#b9d7ff;color:#0b63ce}.sj-meta-green{background:#effcf5;border-color:#bcebcf;color:#13804b}.sj-published{font-size:12.5px;color:#45516b;padding-left:4px}.sj-title-tools{display:flex;gap:9px;flex:0 0 auto}.sj-title-tools span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e4f4;border-radius:11px;background:#fff;color:#1769e0;font-size:16px;box-shadow:0 5px 12px rgba(41,73,125,.06)}
.sj-hero-card{margin:10px 22px 8px;border:1px solid #d4e0f2;border-radius:16px;padding:8px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.9fr);gap:8px;background:linear-gradient(135deg,#fbfdff,#f3f7ff);overflow:hidden}.sj-hero-image-wrap{border-radius:12px;overflow:hidden;background:#f5f8fc;display:flex;align-items:center;justify-content:center;min-height:235px}.sj-hero-image-wrap .job-detail-image{display:block;width:100%;height:100%;max-height:300px;object-fit:contain;background:#fff;border:0;border-radius:0}.sj-hero-points{display:grid;align-content:center;gap:12px;padding:12px 14px}.sj-hero-points>div{display:flex;align-items:center;gap:11px;color:#2c3854;font-size:13px}.sj-hero-points span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff;border:1px solid #dce7f6;box-shadow:0 6px 14px rgba(40,70,120,.08)}.sj-hero-points strong{font-weight:750}

/* Main content rhythm */
.job-detail-content.smart-job-content{padding:14px 22px 20px;font-size:15px;line-height:1.72;color:#202b42}.smart-job-content>p{margin:0 0 10px}.smart-job-content strong{color:#183a76}.smart-job-content em{color:#6654c7}.smart-job-content ul,.smart-job-content ol{margin:8px 0 12px}.smart-job-content li{margin:4px 0}

/* Quick facts exactly like premium reference */
.sj-quick-info{margin:0 0 12px;padding:14px 12px 12px;border-radius:14px;border:1px solid #d8e5f5;background:#fff;box-shadow:none}.sj-quick-head{margin:0 0 11px;padding:0 2px}.sj-quick-head>span{width:27px;height:27px;border-radius:8px;background:#eaf3ff;color:#1770e9;box-shadow:none}.sj-quick-head strong{font-size:15px;color:#104d9a}.sj-quick-head small{display:none}.sj-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sj-fact{min-height:72px;padding:12px 13px;border-radius:11px;border:1px solid;background:#fff;display:flex;align-items:center;gap:11px;box-shadow:none}.sj-fact-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;font-size:16px;background:rgba(255,255,255,.76)}.sj-fact small{display:block;font-size:10.5px;font-weight:750;line-height:1.25;margin-bottom:4px}.sj-fact strong{display:block;font-size:14px;line-height:1.32;color:inherit}.sj-fact-vacancy{background:#f1fff7;border-color:#cbeed8;color:#108443}.sj-fact-salary{background:#f3f8ff;border-color:#ccdcf8;color:#2359a8}.sj-fact-age{background:#fff9f0;border-color:#f5ddb7;color:#df720c}.sj-fact-fee{background:#fff5f5;border-color:#f8cccc;color:#d72828}.sj-fact-start{background:#f7f5ff;border-color:#dcd4fb;color:#5141c8}.sj-fact-deadline{background:#fff4f4;border-color:#fac8c8;color:#df2a2a}.sj-fact-type{background:#f0fbff;border-color:#c8eaf3;color:#12809a}.sj-fact-location{background:#effcff;border-color:#c3e9f0;color:#0f8195}.sj-fact-qualification{background:#f8f8fb;border-color:#dfe2e8;color:#374151}

/* Official actions */
.sj-action-panel{margin:0 0 12px;padding:12px;border-radius:14px;border:1px solid #cfe8d7;background:linear-gradient(180deg,#fbfffc,#f5fcf7)}.sj-action-title{margin-bottom:10px}.sj-action-title>span{width:28px;height:28px;border-radius:8px;background:#e7f8ee;color:#118245;box-shadow:none}.sj-action-title strong{font-size:15px;color:#167343}.sj-action-title small{display:none}.sj-action-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.smart-job-content .sj-action-buttons a.sj-cta{width:100%;min-height:52px;margin:0;padding:8px 10px;border-radius:9px;background:#fff!important;box-shadow:none!important;font-size:12px;border:1px solid;color:#1f4c90!important;text-align:center}.smart-job-content .sj-action-buttons a.sj-cta-apply{background:linear-gradient(135deg,#16a34a,#0fbd62)!important;border-color:#15a854;color:#fff!important}.smart-job-content .sj-action-buttons a.sj-cta-official{border-color:#a9caf9;color:#1a66d8!important}.smart-job-content .sj-action-buttons a.sj-cta-pdf{border-color:#d7b0ff;color:#7c2bd5!important}.smart-job-content .sj-action-buttons a.sj-cta-admit{border-color:#f2c381;color:#d97800!important}

/* Section cards: light, compact, readable */
.sj-section-card{margin:12px 0;border:1px solid #dce6f4;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(27,62,111,.035)}.sj-section-card>.sj-heading,.sj-section-card>.sj-pseudo-heading{margin:0!important;border:0!important;border-bottom:1px solid #dce6f4!important;border-radius:0!important;background:linear-gradient(90deg,#f8fbff,#eef6ff)!important;padding:10px 13px 10px 43px!important;min-height:42px;color:#174584!important;font-size:17px!important;line-height:1.35!important;display:flex!important;align-items:center!important;position:relative!important}.sj-section-card>.sj-heading:before,.sj-section-card>.sj-pseudo-heading:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:linear-gradient(#2f72ff,#7448ff)!important}.sj-section-card>.sj-heading:after,.sj-section-card>.sj-pseudo-heading:after{content:attr(data-sj-icon)!important;position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;width:23px!important;height:23px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,65,120,.08)!important;font-size:13px!important}.sj-section-card>.sj-heading *, .sj-section-card>.sj-pseudo-heading *{color:inherit!important;background:transparent!important;background-color:transparent!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;font-size:inherit!important;line-height:inherit!important}.sj-section-card>*:not(.sj-heading):not(.sj-pseudo-heading){margin-left:13px;margin-right:13px}.sj-section-card>p:first-of-type{margin-top:10px}.sj-section-card>p:last-child,.sj-section-card>ul:last-child,.sj-section-card>ol:last-child,.sj-section-card>.sj-table-shell:last-child{margin-bottom:12px}.sj-section-card .sj-heading-qualification,.sj-section-card .sj-heading-process,.sj-section-card .sj-heading-documents,.sj-section-card .sj-heading-salary,.sj-section-card .sj-heading-important{background:linear-gradient(90deg,#f8fbff,#f3f7ff)!important;color:#174584!important}

/* Tables */
.sj-table-shell{margin:12px 0;border-radius:12px;border:1px solid #d6e2f2;box-shadow:none}.sj-smart-table th,.sj-smart-table td{padding:8px 10px;font-size:13px;min-width:82px;border-color:#e2e9f3}.sj-smart-table th{background:linear-gradient(90deg,#2f56d2,#4d48d8);font-size:12.5px;color:#fff}.sj-smart-table tr:nth-child(even) td{background:#fbfdff}.sj-smart-table tr:hover td{background:#f4f8ff}.sj-smart-table .sj-col-compact{min-width:52px}.sj-smart-table .sj-col-wide{min-width:220px}.sj-cell-deadline{color:#e11d48!important;font-weight:800}.sj-cell-salary{color:#0f766e!important;font-weight:750}.sj-cell-vacancy{color:#1268bf!important;font-weight:750}.sj-cell-fee{color:#d97706!important;font-weight:750}

/* 3-up information cards from selected semantic sections */
.sj-three-up-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.sj-three-up-wrap>.sj-section-card{margin:0}.sj-three-up-wrap>.sj-section-card>.sj-heading,.sj-three-up-wrap>.sj-section-card>.sj-pseudo-heading{font-size:14px!important;padding-left:40px!important}.sj-three-up-wrap>.sj-section-card{min-width:0}.sj-three-up-wrap ul,.sj-three-up-wrap ol{padding-inline-start:20px;font-size:13px}.sj-three-up-wrap p{font-size:13px}

/* Callouts */
.sj-callout{border-radius:11px;padding:11px 13px;margin:10px 0}.sj-callout-important{background:#fff9ea;border-color:#f0d684}.sj-callout-warning{background:#fff2f2;border-color:#f7c5c5}.sj-callout-note{background:#f3f8ff;border-color:#cbdcf8}

/* Sidebar */
.sj-job-sidebar{gap:14px;top:78px}.sj-sidebar-card,.sj-sidebar-resources{border:1px solid #dde6f3;border-radius:14px;padding:14px;background:#fff;box-shadow:0 10px 30px rgba(33,60,102,.05)}.sj-sidebar-card h3,.sj-sidebar-resources h3{margin:0 0 10px;color:#1451a1;font-size:15px}.job-info-card>div{padding:9px 0;font-size:12px}.job-info-card span{color:#6c7890}.job-info-card strong{color:#17233d;text-align:right;max-width:58%;line-height:1.35}.sj-side-extra{display:flex!important}.sj-side-actions{display:grid;gap:8px}.sj-side-action{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:10px;border:1px solid;text-decoration:none;background:#fff;font-size:11.5px}.sj-side-action>div{font-weight:800}.sj-side-action span{display:block;font-size:10px;font-weight:500;margin-top:2px}.sj-side-action b{font-size:13px}.sj-side-action-apply{background:#f1fff6;border-color:#9ee4b5;color:#138243}.sj-side-action-official{background:#f3f8ff;border-color:#b9d5ff;color:#1763d4}.sj-side-action-pdf{background:#fbf5ff;border-color:#d8afff;color:#812fd2}.sj-side-action-admit{background:#fff9ef;border-color:#efcb96;color:#d47c0c}.sj-app-promo{margin:0;border-radius:15px;padding:18px;background:linear-gradient(140deg,#174ae8,#6a32d9);box-shadow:0 14px 28px rgba(70,62,210,.18)}.sj-app-promo h3{font-size:21px;line-height:1.45;margin:0 0 10px}.sj-app-promo p{font-size:12.5px;line-height:1.65;margin-bottom:13px}.sj-app-promo .btn{border-radius:9px;padding:9px 13px}

/* Bottom resources */
.sj-bottom-resource{margin:14px 22px 18px!important;border-radius:12px!important;padding:12px 14px!important}.sj-resource-icon{width:36px;height:36px;flex-basis:36px;border-radius:9px;font-size:17px}.sj-resource-copy strong{font-size:13px}.sj-resource-copy p{font-size:11px}.sj-bottom-resource .sj-cta{min-height:38px!important;border-radius:9px!important;font-size:12px!important;padding:8px 12px!important}

/* Desktop max visual density */
@media(min-width:951px){.sj-job-main{min-width:0}.sj-job-sidebar{width:292px}.sj-three-up-wrap+.sj-callout{margin-top:12px}}
@media(max-width:1050px){.sj-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-hero-card{grid-template-columns:1fr}.sj-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px}.sj-job-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:950px){.sj-job-layout{grid-template-columns:1fr}.sj-job-sidebar{position:static;width:auto}.sj-sidebar-resources{order:-1}.sj-app-promo{display:none}.sj-three-up-wrap{grid-template-columns:1fr}.sj-hero-card{margin-left:14px;margin-right:14px}.sj-job-header{padding-left:16px;padding-right:16px}.job-detail-content.smart-job-content{padding-left:14px;padding-right:14px}}
@media(max-width:640px){.sj-job-page{padding-top:8px}.sj-job-main{border-radius:12px}.sj-job-header{padding:14px 13px 11px}.sj-breadcrumb strong{display:none}.sj-title-row h1{font-size:22px}.sj-title-tools{display:none}.sj-job-meta{gap:6px}.sj-meta-pill{padding:5px 9px}.sj-published{width:100%;padding-left:0}.sj-hero-card{margin:8px 10px}.sj-hero-image-wrap{min-height:180px}.sj-hero-points{display:none}.job-detail-content.smart-job-content{padding:10px}.sj-fact-grid{grid-template-columns:1fr 1fr;gap:7px}.sj-fact{min-height:64px;padding:9px}.sj-fact-icon{width:27px;height:27px;flex-basis:27px;font-size:14px}.sj-fact strong{font-size:12px}.sj-fact small{font-size:9.5px}.sj-action-buttons{grid-template-columns:1fr 1fr;gap:7px}.smart-job-content .sj-action-buttons a.sj-cta{min-height:46px;font-size:11px}.sj-section-card>.sj-heading,.sj-section-card>.sj-pseudo-heading{font-size:15px!important}.sj-smart-table th,.sj-smart-table td{font-size:12px;padding:7px 8px}.sj-bottom-resource{margin-left:10px!important;margin-right:10px!important}.sj-resource-box{flex-direction:column!important;align-items:stretch!important}.sj-resource-box .sj-cta{width:100%}}
.sj-table-caption{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:9px 12px;border:1px solid #d6e3f4;border-bottom:0;border-radius:11px 11px 0 0;background:linear-gradient(90deg,#f8fbff,#f3f7ff);color:#1762c0;font-size:13px}.sj-table-caption+.sj-table-shell{margin-top:0;border-radius:0 0 11px 11px}.sj-table-caption span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eaf3ff}.sj-table-caption strong{color:#1762c0}


/* ==========================================================
   Phase 4.1 — Vacancy Authority + Color Tables + Number Cards
   ========================================================== */

/* Hard readability guarantee for legacy headings from Admin editor */
.smart-job-content .sj-section-card>.sj-heading,
.smart-job-content .sj-section-card>.sj-pseudo-heading{
  color:#173f78!important;
  background:linear-gradient(90deg,#f8fbff 0%,#edf6ff 58%,#f5f2ff 100%)!important;
}
.smart-job-content .sj-section-card>.sj-heading *,
.smart-job-content .sj-section-card>.sj-pseudo-heading *{
  color:inherit!important;background:transparent!important;background-color:transparent!important;
  -webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}

/* More colorful but professional smart tables */
.sj-table-shell{
  border:1px solid #cad9ef!important;
  box-shadow:0 8px 22px rgba(31,65,120,.055)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.sj-smart-table th{
  background:linear-gradient(110deg,#1769e0 0%,#5146d9 54%,#6d3ad1 100%)!important;
  color:#fff!important;border-color:rgba(255,255,255,.16)!important;
}
.sj-smart-table tbody tr:nth-child(4n+1) td{background:#fbfdff!important}
.sj-smart-table tbody tr:nth-child(4n+2) td{background:#f5f9ff!important}
.sj-smart-table tbody tr:nth-child(4n+3) td{background:#f8f7ff!important}
.sj-smart-table tbody tr:nth-child(4n+4) td{background:#f5fcf8!important}
.sj-smart-table tbody tr:hover td{background:#edf6ff!important}
.sj-smart-table td:first-child{font-weight:750;color:#24456f}

/* Key/value summary tables: colorful label rail, while values stay highly readable */
.sj-keyvalue-table tr:nth-child(6n+1) td:first-child{background:#eef6ff!important;color:#175db7!important}
.sj-keyvalue-table tr:nth-child(6n+2) td:first-child{background:#f3f0ff!important;color:#6040b7!important}
.sj-keyvalue-table tr:nth-child(6n+3) td:first-child{background:#effbf5!important;color:#087a4b!important}
.sj-keyvalue-table tr:nth-child(6n+4) td:first-child{background:#fff8e9!important;color:#a76000!important}
.sj-keyvalue-table tr:nth-child(6n+5) td:first-child{background:#fff1f3!important;color:#b3263f!important}
.sj-keyvalue-table tr:nth-child(6n+6) td:first-child{background:#eefbff!important;color:#08758a!important}
.sj-keyvalue-table td:first-child{width:35%;min-width:190px!important;border-right:1px solid #d9e4f3!important}
.sj-keyvalue-table td:nth-child(2){font-weight:650;color:#183b6b;background:#fff!important}
.sj-keyvalue-table .sj-cell-vacancy{background:#eafaf1!important;color:#087a45!important;font-weight:850!important}
.sj-keyvalue-table .sj-cell-deadline{background:#fff0f1!important;color:#dc2626!important;font-weight:850!important}
.sj-keyvalue-table .sj-cell-salary{background:#eef7ff!important;color:#155eaa!important;font-weight:850!important}
.sj-keyvalue-table .sj-cell-fee{background:#fff8e8!important;color:#b86a00!important;font-weight:850!important}

/* Numbered information → premium card view */
.sj-number-card-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;
  margin:12px 13px 14px!important;
}
.sj-number-card{
  --sj-accent:#2f6fe4;position:relative;min-width:0;padding:14px 14px 13px 49px;
  border:1px solid #d9e5f5;border-radius:13px;
  background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 7px 18px rgba(31,65,120,.045);overflow:hidden;
}
.sj-number-card:nth-child(4n+2){--sj-accent:#7c3aed;background:linear-gradient(145deg,#fff,#faf7ff)}
.sj-number-card:nth-child(4n+3){--sj-accent:#089166;background:linear-gradient(145deg,#fff,#f5fcf8)}
.sj-number-card:nth-child(4n+4){--sj-accent:#dd7a0a;background:linear-gradient(145deg,#fff,#fffaf2)}
.sj-number-card:before{
  content:attr(data-sj-number);position:absolute;left:13px;top:13px;
  width:27px;height:27px;border-radius:9px;display:grid;place-items:center;
  color:#fff;background:var(--sj-accent);
  box-shadow:0 5px 12px rgba(31,65,120,.14);
  font-size:12px;font-weight:900;
}
.sj-number-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sj-accent)}
.sj-number-card-title{
  margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;
  color:#163f79!important;font-size:15.5px!important;font-weight:850!important;line-height:1.42!important;
}
.sj-number-card-title *{color:inherit!important;background:transparent!important;-webkit-text-fill-color:currentColor!important;font-size:inherit!important}
.sj-number-card p{margin:5px 0!important;font-size:13.5px;line-height:1.58}
.sj-number-card>ul,.sj-number-card>ol{margin:6px 0 0!important;padding-inline-start:20px!important}
.sj-number-card li{margin:4px 0!important;font-size:13px;line-height:1.55}
.sj-number-card strong{color:#1c4b87}.sj-number-card em{color:#5f4ac7}
.sj-number-list-grid .sj-number-card{padding-top:13px}

@media(max-width:820px){
  .sj-number-card-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .sj-keyvalue-table td:first-child{min-width:150px!important;width:42%}
  .sj-number-card-grid{margin:9px 9px 12px!important;gap:8px}
  .sj-number-card{padding:12px 11px 11px 44px;border-radius:11px}
  .sj-number-card:before{left:10px;top:11px;width:25px;height:25px}
  .sj-number-card-title{font-size:14px!important}
}

/* ==========================================================
   Phase 4.2 — Universal approved mockup layout
   ========================================================== */
:root{--sj42-blue:#1263e6;--sj42-indigo:#5b38e6;--sj42-green:#07964e;--sj42-orange:#f27b0c;--sj42-red:#df2537;--sj42-line:#d9e5f4;--sj42-text:#14213d;--sj42-muted:#6a7890}
.sj-job-page{background:linear-gradient(180deg,#f6f9ff 0,#edf4ff 42%,#f8fbff 100%);padding:18px 0 38px!important}
.sj-job-layout{max-width:1380px!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important}
.sj-job-main{border:1px solid #dbe5f2!important;border-radius:18px!important;box-shadow:0 16px 45px rgba(31,65,120,.07)!important;background:#fff!important}
.sj-job-header{padding:18px 20px 15px!important;border-bottom:1px solid #e6edf7;background:linear-gradient(180deg,#fff,#fbfdff)}
.sj-breadcrumb{margin-bottom:10px!important;font-size:11.5px!important;color:#5d6e88!important}.sj-breadcrumb a{color:#1263e6!important}.sj-breadcrumb strong{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-title-row{align-items:flex-start!important}.sj-title-copy{min-width:0}.sj-title-row h1{font-size:29px!important;line-height:1.25!important;letter-spacing:-.3px!important;color:#111a2e!important;margin:0 0 12px!important}
.sj-job-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sj-meta-pill{font-size:11px!important;padding:6px 12px!important;border-radius:999px!important}.sj-published{font-size:11.5px!important;color:#53637b!important}
.sj-title-tools{display:flex!important;gap:8px}.sj-title-tools a,.sj-title-tools button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d9e5f5;border-radius:11px;background:#fff;color:#1765d8;text-decoration:none;font-size:17px;box-shadow:0 5px 14px rgba(31,65,120,.05);cursor:pointer}.sj-title-tools .active{color:#e11d48;background:#fff1f4}
.sj-hero-card{grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr)!important;margin:12px 14px 14px!important;border-radius:14px!important;background:#fbfdff!important;border:1px solid #d7e3f3!important;overflow:hidden!important}
.sj-hero-image-wrap{min-height:220px!important;background:#fff!important}.sj-hero-image-wrap .job-detail-image{width:100%!important;height:100%!important;max-height:320px!important;object-fit:contain!important;padding:0!important;border:0!important;border-radius:0!important}
.sj-hero-points{display:flex!important;flex-direction:column;justify-content:center;gap:10px!important;padding:18px!important;background:linear-gradient(135deg,#fbfdff,#f2f7ff)}.sj-hero-points>div{display:flex;align-items:center;gap:10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.sj-hero-points span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #dce7f5;box-shadow:0 5px 12px rgba(31,65,120,.07);font-size:15px}.sj-hero-points>div:nth-child(1) span{color:#1551a8;background:#eef5ff}.sj-hero-points>div:nth-child(2) span{background:#fff7e8}.sj-hero-points>div:nth-child(3) span{background:#eefbf7}.sj-hero-points>div:nth-child(4) span{background:#edf8ff}.sj-hero-points strong{font-size:12.5px!important;color:#273955!important}
.job-detail-content.smart-job-content{padding:0 14px 18px!important;font-size:14px!important;line-height:1.68!important;background:#fff!important}
.sj-system-links{display:none!important}

/* Quick information: exact 3x3 premium metric system */
.sj-quick-info{margin:0 0 12px!important;padding:13px!important;border-radius:14px!important;background:#fff!important;border:1px solid #d9e5f4!important;box-shadow:none!important}.sj-quick-head{margin-bottom:10px!important}.sj-quick-head>span{width:28px!important;height:28px!important;border-radius:8px!important;background:#eaf3ff!important;font-size:14px!important}.sj-quick-head strong{font-size:14px!important;color:#1458b4!important}.sj-quick-head small{font-size:10px!important}.sj-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.sj-fact{min-height:70px!important;padding:11px!important;border-radius:10px!important;box-shadow:none!important}.sj-fact-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important}.sj-fact small{font-size:10px!important;font-weight:700}.sj-fact strong{font-size:13px!important;line-height:1.3!important}.sj-fact-vacancy{background:#f1fff7!important;border-color:#c9efd9!important}.sj-fact-vacancy small,.sj-fact-vacancy strong{color:#087a45!important}.sj-fact-salary{background:#f3f8ff!important;border-color:#cfe1ff!important}.sj-fact-salary small,.sj-fact-salary strong{color:#185fc4!important}.sj-fact-age{background:#fff8ef!important;border-color:#f7dfbf!important}.sj-fact-age small,.sj-fact-age strong{color:#d46709!important}.sj-fact-fee{background:#fff4f5!important;border-color:#f6cdd2!important}.sj-fact-fee small,.sj-fact-fee strong{color:#d52839!important}.sj-fact-start{background:#f7f4ff!important;border-color:#dfd5ff!important}.sj-fact-start small,.sj-fact-start strong{color:#5841cb!important}.sj-fact-deadline{background:#fff4f4!important;border-color:#f5cbd0!important}.sj-fact-deadline small,.sj-fact-deadline strong{color:#d62938!important}.sj-fact-type,.sj-fact-location{background:#f0fbff!important;border-color:#cceaf2!important}.sj-fact-type small,.sj-fact-type strong,.sj-fact-location small,.sj-fact-location strong{color:#0d7283!important}.sj-fact-qualification{background:#f7f7fb!important;border-color:#dedfea!important}.sj-fact-qualification small,.sj-fact-qualification strong{color:#30384f!important}

/* Official Actions */
.sj-action-panel{margin:0 0 12px!important;padding:12px!important;border-radius:14px!important;background:linear-gradient(135deg,#f9fffb,#f7fcff)!important;border:1px solid #d6eadf!important;box-shadow:none!important}.sj-action-title{margin-bottom:9px!important}.sj-action-title>span{width:27px!important;height:27px!important;border-radius:8px!important;background:#e9faef!important;color:#087d43}.sj-action-title strong{font-size:13.5px!important;color:#087d43!important}.sj-action-title small{display:none!important}.sj-action-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.smart-job-content .sj-action-buttons a.sj-cta{min-height:48px!important;margin:0!important;padding:8px 10px!important;border-radius:9px!important;font-size:11px!important;box-shadow:none!important}.sj-action-buttons .sj-cta-pdf{background:#fbf6ff!important;border:1px solid #cfa8ff!important;color:#7f2dd3!important}.sj-action-buttons .sj-cta-apply{background:linear-gradient(135deg,#0aa34f,#0a8d45)!important;color:#fff!important;border:1px solid #07843f!important}.sj-action-buttons .sj-cta-official{background:#f4f8ff!important;border:1px solid #a8c9ff!important;color:#1561d6!important}.sj-action-buttons .sj-cta-admit{background:#fff9ef!important;border:1px solid #f3c684!important;color:#db7607!important}

/* Approved compact summary matrix */
.sj-table-caption{margin:12px 0 0!important;padding:9px 11px!important;border-radius:10px 10px 0 0!important;background:linear-gradient(90deg,#f8fbff,#f1f6ff)!important;color:#1263d6!important;font-size:12.5px!important}.sj-table-caption strong{color:#1263d6!important}.sj-summary-shell{margin:0 0 12px!important;border-radius:0 0 11px 11px!important;box-shadow:none!important}.sj-summary-table{table-layout:fixed!important}.sj-summary-table td{padding:8px 9px!important;font-size:11.5px!important;min-width:0!important;border-color:#dce6f3!important}.sj-summary-label{width:19%!important;font-weight:800!important;color:#263b5e!important;background:#f8fbff!important}.sj-summary-value{width:31%!important;font-weight:700!important;color:#143d77!important;background:#fff!important;overflow-wrap:anywhere}.sj-summary-label-vacancy{background:#effbf5!important;color:#08794a!important}.sj-summary-value-vacancy{color:#08794a!important}.sj-summary-label-deadline{background:#fff2f3!important;color:#d72638!important}.sj-summary-value-deadline{color:#d72638!important}.sj-summary-label-start{background:#f5f2ff!important;color:#6040c3!important}.sj-summary-label-type{background:#effbff!important;color:#0c7083!important}.sj-summary-label-qualification{background:#f4f7ff!important;color:#2b57a1!important}.sj-summary-label-website{background:#f0f7ff!important;color:#1462cf!important}.sj-summary-empty{background:#fbfdff!important}

/* Data tables like vacancy/post tables */
.sj-vacancy-table-shell{margin:0 0 12px!important;border-radius:0 0 11px 11px!important;box-shadow:none!important}.sj-vacancy-caption{background:linear-gradient(90deg,#f7f9ff,#f6f3ff)!important}.sj-data-table th{background:linear-gradient(100deg,#3169df 0%,#5f3bdc 55%,#7138d8 100%)!important;color:#fff!important;text-align:center!important;font-size:11.5px!important;padding:8px 9px!important}.sj-data-table td{font-size:11.2px!important;padding:7px 9px!important;background:#fff!important}.sj-data-table tbody tr:nth-child(even) td{background:#f9fbff!important}.sj-data-table tbody tr:hover td{background:#f1f6ff!important}.sj-data-table td:first-child{text-align:center;color:#8a5b07!important;background:#fffaf0!important}.sj-data-table .sj-cell-vacancy{background:#f0fbf5!important;color:#087848!important}.sj-data-table .sj-cell-salary{background:#f2f7ff!important;color:#155dbd!important}

/* Section headings: always readable, never inherit legacy admin colors */
.smart-job-content .sj-section-card{margin:11px 0!important;border:1px solid #dbe5f2!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}.smart-job-content .sj-section-card>.sj-heading,.smart-job-content .sj-section-card>.sj-pseudo-heading{margin:0!important;padding:9px 12px 9px 14px!important;border:0!important;border-bottom:1px solid #dce6f4!important;border-radius:0!important;background:linear-gradient(90deg,#f7faff,#edf5ff 60%,#f6f3ff)!important;color:#154a91!important;font-size:15px!important;line-height:1.35!important}.smart-job-content .sj-section-card>.sj-heading:before,.smart-job-content .sj-section-card>.sj-pseudo-heading:before{width:3px!important;background:linear-gradient(#2563eb,#7042dd)!important}.smart-job-content .sj-section-card>.sj-heading *,.smart-job-content .sj-section-card>.sj-pseudo-heading *{color:inherit!important;background:transparent!important;-webkit-text-fill-color:currentColor!important;font-size:inherit!important;text-shadow:none!important}.smart-job-content .sj-section-card>p,.smart-job-content .sj-section-card>ul,.smart-job-content .sj-section-card>ol,.smart-job-content .sj-section-card>.sj-table-shell,.smart-job-content .sj-section-card>.sj-table-caption{margin-left:12px!important;margin-right:12px!important}.smart-job-content .sj-section-card>p:first-of-type{margin-top:10px!important}

/* Universal numbered information cards: 4 columns desktop, 2 tablet, 1 mobile */
.sj-universal-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:10px 12px 12px!important}.sj-universal-number-grid .sj-number-card{padding:12px 10px 11px 43px!important;border-radius:10px!important;min-height:126px!important;box-shadow:none!important}.sj-universal-number-grid .sj-number-card:before{left:10px!important;top:10px!important;width:25px!important;height:25px!important;border-radius:8px!important}.sj-universal-number-grid .sj-number-card-title{font-size:12.8px!important;line-height:1.35!important}.sj-universal-number-grid .sj-number-card p,.sj-universal-number-grid .sj-number-card li{font-size:10.8px!important;line-height:1.48!important}.sj-universal-number-grid .sj-number-card:nth-child(6n+1){--sj-accent:#0b9952;background:linear-gradient(145deg,#fff,#f1fff7)!important}.sj-universal-number-grid .sj-number-card:nth-child(6n+2){--sj-accent:#1468da;background:linear-gradient(145deg,#fff,#f2f7ff)!important}.sj-universal-number-grid .sj-number-card:nth-child(6n+3){--sj-accent:#7b35d8;background:linear-gradient(145deg,#fff,#faf4ff)!important}.sj-universal-number-grid .sj-number-card:nth-child(6n+4){--sj-accent:#ed7408;background:linear-gradient(145deg,#fff,#fff8ef)!important}.sj-universal-number-grid .sj-number-card:nth-child(6n+5){--sj-accent:#e52b4e;background:linear-gradient(145deg,#fff,#fff3f5)!important}.sj-universal-number-grid .sj-number-card:nth-child(6n+6){--sj-accent:#0c8798;background:linear-gradient(145deg,#fff,#effbff)!important}

/* Sidebar exactly follows the same universal structure */
.sj-job-sidebar{gap:12px!important;top:76px!important}.sj-sidebar-card,.sj-sidebar-resources,.sj-side-video,.sj-share-card,.sj-more-jobs{border:1px solid #dce6f3!important;border-radius:14px!important;background:#fff!important;padding:13px!important;box-shadow:0 10px 25px rgba(31,65,120,.045)!important}.sj-sidebar-card h3,.sj-sidebar-resources h3,.sj-side-video h3,.sj-share-card h3,.sj-more-jobs h3{margin:0 0 10px!important;color:#1454ad!important;font-size:14px!important}.job-info-card>div{padding:8px 0!important;font-size:10.8px!important}.job-info-card span{color:#728097!important}.job-info-card strong{font-size:10.8px!important;max-width:61%!important;color:#14223d!important}.sj-side-action{min-height:55px!important;padding:9px 10px!important;border-radius:9px!important;font-size:10.8px!important}.sj-side-action span{font-size:9.5px!important}.sj-app-promo{border-radius:14px!important;padding:17px!important}.sj-app-promo h3{font-size:18px!important}.sj-app-promo p{font-size:11.5px!important}.sj-side-video{padding:13px!important}.sj-video-preview{position:relative;display:flex;min-height:155px;border-radius:10px;padding:16px;flex-direction:column;justify-content:flex-end;overflow:hidden;text-decoration:none;background:radial-gradient(circle at 80% 25%,#17345d,#071322 72%);color:#fff!important}.sj-video-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}.sj-video-preview>*{position:relative}.sj-video-preview strong{color:#fff!important;font-size:13px;line-height:1.4}.sj-video-preview small{color:#bcd8ff;margin-top:5px}.sj-video-play{position:absolute!important;left:50%;top:45%;transform:translate(-50%,-50%);width:48px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f21f2f;color:#fff;font-size:17px}.sj-share-buttons{display:flex;gap:9px;flex-wrap:wrap}.sj-share{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;text-decoration:none;color:#fff!important;font-weight:900;cursor:pointer}.sj-share-fb{background:#1877f2}.sj-share-wa{background:#16b85c}.sj-share-in{background:#0a78ad}.sj-share-copy{background:#68758d}.sj-more-job-list{display:grid;gap:7px}.sj-more-job-list>a{display:block;padding:9px;border:1px solid #e0e8f3;border-radius:9px;text-decoration:none;background:#fbfdff}.sj-more-job-list strong{display:block;color:#1454ad;font-size:10.8px;line-height:1.35}.sj-more-job-list span{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:#718098;font-size:9.3px}.sj-more-job-list small{color:#1766db}.sj-view-all-jobs{display:block;margin-top:9px;padding:8px;text-align:center;border:1px solid #b9d1ff;border-radius:9px;text-decoration:none;color:#145fd0;font-size:11px;font-weight:800}.sj-view-all-jobs small{display:block;font-size:9px;font-weight:500}

@media(max-width:1180px){.sj-universal-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sj-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:950px){.sj-job-layout{grid-template-columns:1fr!important}.sj-job-sidebar{position:static!important}.sj-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sj-app-promo{display:block!important}.sj-hero-card{grid-template-columns:minmax(0,1.35fr) minmax(210px,.8fr)!important}}
@media(max-width:700px){.sj-title-row h1{font-size:22px!important}.sj-hero-card{grid-template-columns:1fr!important}.sj-hero-points{display:grid!important;grid-template-columns:1fr 1fr!important;padding:11px!important}.sj-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sj-summary-table,.sj-summary-table tbody,.sj-summary-table tr{display:block!important}.sj-summary-table tr{display:grid!important;grid-template-columns:42% 58%!important}.sj-summary-label,.sj-summary-value{width:auto!important}.sj-summary-empty{display:none!important}.sj-universal-number-grid{grid-template-columns:1fr!important}.sj-action-buttons{grid-template-columns:1fr 1fr!important}.sj-job-header{padding:14px 13px!important}.sj-title-tools{display:none!important}}
@media(max-width:430px){.sj-hero-points{grid-template-columns:1fr!important}.sj-fact-grid{grid-template-columns:1fr 1fr!important}.sj-action-buttons{grid-template-columns:1fr!important}.sj-fact{min-height:66px!important}.sj-fact strong{font-size:11.5px!important}.sj-fact small{font-size:9px!important}}

/* ==========================================================
   FINAL v5.0 — Safe Universal Renderer Guardrails
   ========================================================== */
/* Never let media/circular pages behave like numbered cards. */
.smart-job-content img,.smart-job-content figure,.smart-job-content iframe,.smart-job-content video{max-width:100%;height:auto}
.sj-safe-post-grid img,.sj-safe-post-grid figure,.sj-safe-post-grid iframe,.sj-safe-post-grid video{display:none!important}

/* Premium but restrained primary/key-value tables. */
.sj-keyvalue-table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden}
.sj-keyvalue-table td{border-color:#dce6f4!important;padding:8px 10px!important}
.sj-keyvalue-table tr:nth-child(6n+1) td:first-child{background:#eef6ff!important;color:#1759aa!important}
.sj-keyvalue-table tr:nth-child(6n+2) td:first-child{background:#f6f1ff!important;color:#6943bd!important}
.sj-keyvalue-table tr:nth-child(6n+3) td:first-child{background:#effbf5!important;color:#0b7a4b!important}
.sj-keyvalue-table tr:nth-child(6n+4) td:first-child{background:#fff8e9!important;color:#b86605!important}
.sj-keyvalue-table tr:nth-child(6n+5) td:first-child{background:#fff1f3!important;color:#c52f43!important}
.sj-keyvalue-table tr:nth-child(6n+6) td:first-child{background:#eefbff!important;color:#08768c!important}
.sj-keyvalue-table td:first-child{font-weight:800!important}
.sj-keyvalue-table td:nth-child(2){background:#fff!important;color:#153e75!important;font-weight:650!important}

/* Numbered post cards: only the safe JS classifier can add these classes. */
.sj-safe-post-grid{align-items:stretch!important}
.sj-safe-post-card{overflow:hidden!important;min-width:0!important;height:auto!important;min-height:0!important}
.sj-safe-post-card .sj-number-card-title{margin:-2px 0 8px!important;padding:0!important;background:transparent!important;border:0!important;color:var(--sj-accent,#185fc4)!important;font-weight:900!important}
.sj-safe-post-card p,.sj-safe-post-card li{overflow-wrap:anywhere}
.sj-safe-post-card ul,.sj-safe-post-card ol{margin:6px 0!important;padding-inline-start:18px!important}

/* Application process from plain numbered paragraphs. */
.sj-process-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 12px 12px!important}
.sj-process-step-line{position:relative;margin:0!important;padding:11px 12px 11px 45px!important;border:1px solid #d8e5f6;border-radius:10px;background:linear-gradient(145deg,#fff,#f5f9ff);min-height:48px;font-size:12.5px;line-height:1.5}
.sj-process-step-line:before{content:attr(data-sj-step);position:absolute;left:11px;top:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1768dc,#6441dc);color:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 10px rgba(52,75,180,.18)}

/* Fee section tiers. */
.sj-fee-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 12px 12px!important}
.sj-fee-tier{margin:0!important;padding:11px 12px!important;border:1px solid #f0d7b2!important;border-radius:10px!important;background:linear-gradient(145deg,#fff,#fff9ef)!important;color:#8b5004!important;font-weight:750!important;line-height:1.5!important;list-style:none!important}

/* Markdown-lite headings must remain readable even if old editor styles existed. */
.smart-job-content .sj-heading-fee,.smart-job-content .sj-pseudo-heading.sj-heading-fee{color:#a85e05!important;background:linear-gradient(90deg,#fffaf1,#fff5e4)!important}
.smart-job-content .sj-heading-fee:before,.smart-job-content .sj-pseudo-heading.sj-heading-fee:before{background:linear-gradient(#f59e0b,#ea580c)!important}

@media(max-width:820px){.sj-process-step-grid{grid-template-columns:1fr}.sj-fee-tier-grid{grid-template-columns:1fr}}


/* ==========================================================
   FINAL v5.1 — Heading icon removal + ALL numbered blocks cards
   ========================================================== */
/* User requirement: no pin/clip/emoji icon on ANY content heading. */
.smart-job-content .sj-heading,
.smart-job-content .sj-pseudo-heading,
.smart-job-content .sj-section-card>.sj-heading,
.smart-job-content .sj-section-card>.sj-pseudo-heading{
  padding-left:14px!important;
}
.smart-job-content .sj-heading:after,
.smart-job-content .sj-pseudo-heading:after,
.smart-job-content .sj-section-card>.sj-heading:after,
.smart-job-content .sj-section-card>.sj-pseudo-heading:after{
  content:none!important;display:none!important;
}

/* Exactly the compact multi-card feel requested: 4 columns on wide desktop. */
.smart-job-content .sj-all-number-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
  margin:12px 13px 14px!important;
  align-items:stretch!important;
}
.smart-job-content .sj-all-number-card{
  min-width:0!important;
  height:100%!important;
  padding:13px 12px 12px 45px!important;
  border-radius:12px!important;
  box-shadow:0 6px 16px rgba(31,65,120,.045)!important;
}
.smart-job-content .sj-all-number-card .sj-number-card-title{
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--sj-accent,#1d4ed8)!important;
  font-size:13.5px!important;
  font-weight:850!important;
  line-height:1.42!important;
}
.smart-job-content .sj-all-number-card .sj-number-card-title:before,
.smart-job-content .sj-all-number-card .sj-number-card-title:after{
  content:none!important;display:none!important;
}
.smart-job-content .sj-all-number-card p{font-size:12.5px!important;line-height:1.52!important;margin:4px 0!important}
.smart-job-content .sj-all-number-card ul,
.smart-job-content .sj-all-number-card ol{padding-inline-start:18px!important;margin:5px 0!important}
.smart-job-content .sj-all-number-card li{font-size:12.2px!important;line-height:1.5!important;margin:3px 0!important}
.smart-job-content .sj-all-number-card:nth-child(6n+1){--sj-accent:#0b9b62;background:linear-gradient(145deg,#fff,#f1fcf6)!important}
.smart-job-content .sj-all-number-card:nth-child(6n+2){--sj-accent:#1769e0;background:linear-gradient(145deg,#fff,#f2f7ff)!important}
.smart-job-content .sj-all-number-card:nth-child(6n+3){--sj-accent:#7c3aed;background:linear-gradient(145deg,#fff,#faf6ff)!important}
.smart-job-content .sj-all-number-card:nth-child(6n+4){--sj-accent:#e07808;background:linear-gradient(145deg,#fff,#fff8ef)!important}
.smart-job-content .sj-all-number-card:nth-child(6n+5){--sj-accent:#e11d48;background:linear-gradient(145deg,#fff,#fff3f6)!important}
.smart-job-content .sj-all-number-card:nth-child(6n+6){--sj-accent:#0b8e9b;background:linear-gradient(145deg,#fff,#f0fbfc)!important}

@media(max-width:1180px){
  .smart-job-content .sj-all-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .smart-job-content .sj-all-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .smart-job-content .sj-all-number-grid{grid-template-columns:1fr!important;margin:9px 8px 12px!important;gap:8px!important}
}


/* FINAL V5.2: no heading pin/clip icon anywhere. Keep only the slim accent rail. */
.smart-job-content .sj-heading::after,
.smart-job-content .sj-pseudo-heading::after,
.smart-job-content .sj-section-card>.sj-heading::after,
.smart-job-content .sj-section-card>.sj-pseudo-heading::after{
  content:none!important;display:none!important;width:0!important;height:0!important;background:none!important;box-shadow:none!important;
}

/* Legacy posts: one paragraph/div containing many numbered lines separated by BR. */
.smart-job-content .sj-legacy-continuous-number-grid{width:auto!important;}
.smart-job-content .sj-legacy-continuous-number-card .sj-number-card-line{
  font-size:12.2px!important;line-height:1.52!important;margin:4px 0!important;color:#26364d!important;
}
.smart-job-content .sj-legacy-continuous-number-card .sj-number-card-line strong,
.smart-job-content .sj-legacy-continuous-number-card .sj-number-card-line b{color:#1c4b87!important;}

/* ==========================================================
   FINAL v5.3 — Shared legacy grid + dynamic column count
   ========================================================== */
.smart-job-content .sj-all-number-grid{
  grid-template-columns:repeat(var(--sj-number-cols,4),minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .smart-job-content .sj-all-number-grid{
    grid-template-columns:repeat(min(var(--sj-number-cols,4),3),minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  .smart-job-content .sj-all-number-grid{
    grid-template-columns:repeat(min(var(--sj-number-cols,4),2),minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  .smart-job-content .sj-all-number-grid{grid-template-columns:1fr!important;}
}
