<?php /* ════════════════════════════════════════════════════════
   index.css — NJP About Snippet + Jobs Grid + FAQ  (new v4 sections)
   Design tokens in sync with header.php and footer.php
   ════════════════════════════════════════════════════════════ */ ?>

/* ── About Snippet (AEO/GEO) ──────────────────────────────────── */
.njp-about-snippet {
    background: #f8faf9;
    border-top: 1px solid #dde4ec;
    border-bottom: 1px solid #dde4ec;
    padding: 32px 0;
}
.njp-about-snippet__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.njp-about-snippet__q {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .85rem;
    font-weight: 700;
    color: #008751;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 6px;
}
.njp-about-snippet__a {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: 1rem;
    line-height: 1.68;
    color: #2c3e50;
    max-width: 780px;
    margin: 0;
}
.njp-about-snippet__a strong { color: #111111; }
.njp-about-snippet__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.njp-fact-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #ffffff;
    border: 1.5px solid #dde4ec;
    border-radius: 20px;
    padding: 5px 13px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .78rem;
    color: #5a6a7a;
}
.njp-fact-chip i { color: #008751; font-size: .72rem; flex-shrink: 0; }
.njp-fact-chip strong { color: #111111; }
.njp-about-snippet__ctas {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.njp-about-cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 600;
    font-size: .84rem;
    padding: 8px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background .18s ease, color .18s, border-color .18s, transform .12s;
    white-space: nowrap;
}
.njp-about-cta--primary {
    background: #008751;
    color: #ffffff !important;
    border: 2px solid #008751;
}
.njp-about-cta--primary:hover { background: #006b40; border-color: #006b40; transform: translateY(-1px); }
.njp-about-cta--ghost {
    background: transparent;
    color: #008751 !important;
    border: 2px solid #008751;
}
.njp-about-cta--ghost:hover { background: #008751; color: #ffffff !important; transform: translateY(-1px); }

/* ── Section shared helpers ────────────────────────────────────── */
.njp-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}
.njp-section-title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: clamp(1.2rem,2.5vw,1.55rem);
    font-weight: 800;
    color: #111111;
    line-height: 1.25;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.njp-section-icon { color: #008751; font-size: 1.1rem; }
.njp-section-sub {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .875rem;
    color: #5a6a7a;
    margin: 0;
    max-width: 520px;
}
.njp-section-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .84rem;
    font-weight: 600;
    color: #008751 !important;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 6px 0;
    border-bottom: 2px solid transparent;
    transition: border-color .15s;
}
.njp-section-link:hover { border-bottom-color: #008751; }
.njp-section-badge {
    display: inline-block;
    background: #e8f5ee;
    color: #006b40;
    border: 1px solid #c5e5d4;
    border-radius: 20px;
    padding: 3px 13px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
}

/* ── Jobs Section ─────────────────────────────────────────────── */
.njp-jobs-section {
    padding: 56px 0 32px;
    background: #ffffff;
}
.njp-jobs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 32px;
}

/* Job Card */
.njp-job-card {
    background: #ffffff;
    border: 1.5px solid #dde4ec;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    transition: border-color .18s ease, box-shadow .18s;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.njp-job-card:hover {
    border-color: #008751;
    box-shadow: 0 4px 20px rgba(0,135,81,.10);
}
.njp-job-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .65rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 12px;
    pointer-events: none;
}
.njp-job-badge--urgent  { background: #fff3cd; color: #856404; border: 1px solid #ffc107; }
.njp-job-badge--featured { background: #e8f5ee; color: #006b40; border: 1px solid #c5e5d4; }
.njp-job-card__header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.njp-job-card__logo {
    width: 48px; height: 48px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f7fa;
}
.njp-job-card__logo img { width: 100%; height: 100%; object-fit: contain; }
.njp-job-card__logo-fallback {
    width: 48px; height: 48px;
    background: #008751;
    color: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 800;
    font-size: .9rem;
    flex-shrink: 0;
}
.njp-job-card__title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .92rem;
    font-weight: 700;
    color: #111111;
    margin: 0 0 3px;
    line-height: 1.3;
}
.njp-job-card__title-link {
    color: #111111 !important;
    text-decoration: none !important;
    transition: color .14s;
}
.njp-job-card__title-link:hover { color: #008751 !important; }
.njp-job-card__company { font-size: .80rem; color: #5a6a7a; margin: 0; }
.njp-job-card__company-link { color: #5a6a7a !important; text-decoration: none !important; }
.njp-job-card__company-link:hover { color: #008751 !important; }
.njp-job-card__details {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.njp-job-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .72rem;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 10px;
}
.njp-job-chip--loc  { background: #f4f7fa; color: #5a6a7a; }
.njp-job-chip--type { background: #e8f5ee; color: #006b40; }
.njp-job-chip--cat  { background: #fff8e6; color: #7a5c00; }
.njp-job-chip i { font-size: .64rem; }
.njp-job-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #f0f3f6;
}
.njp-job-card__salary {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .78rem;
    font-weight: 600;
    color: #008751;
    display: flex;
    align-items: center;
    gap: 4px;
}
.njp-salary-neg { color: #9aabb8; font-weight: 400; font-size: .75rem; }
.njp-job-card__actions { display: flex; align-items: center; gap: 10px; }
.njp-job-card__time {
    font-size: .70rem;
    color: #aab5be;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    white-space: nowrap;
}
.njp-job-card__apply {
    display: inline-flex;
    align-items: center;
    background: #008751;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 600;
    font-size: .76rem;
    padding: 6px 14px;
    border-radius: 6px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .15s;
}
.njp-job-card__apply:hover { background: #006b40; }

/* Jobs footer */
.njp-jobs-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding-top: 8px;
}
.njp-jobs-viewall {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #111111;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 700;
    font-size: .9rem;
    padding: 12px 32px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background .18s ease;
}
.njp-jobs-viewall:hover { background: #008751; }
.njp-jobs-quicklinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.njp-jobs-quicklinks a {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .75rem;
    color: #5a6a7a !important;
    text-decoration: none !important;
    padding: 4px 11px;
    border: 1px solid #dde4ec;
    border-radius: 14px;
    transition: border-color .14s, color .14s;
}
.njp-jobs-quicklinks a:hover { border-color: #008751; color: #008751 !important; }

/* ══════════════════════════════════════════════════════════════
   FAQ SECTION — FIXED
   Uses display:none/block toggle (matches JS logic in index.php)
   NOT max-height animation (which conflicted with JS class toggle)
   ══════════════════════════════════════════════════════════════ */
.njp-faq-section {
    padding: 64px 0;
    background: #f8faf9;
    border-top: 1px solid #dde4ec;
}
.njp-faq-header { text-align: center; margin-bottom: 40px; }
.njp-faq-title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: clamp(1.3rem,2.5vw,1.7rem);
    font-weight: 800;
    color: #111111;
    margin-bottom: 10px;
}
.njp-faq-subtitle {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .92rem;
    color: #5a6a7a;
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.6;
}
.njp-faq-grid {
    max-width: 840px;
    margin: 0 auto 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── FAQ Item shell ───────────────────────────────────────────── */
.njp-faq-item {
    background: #ffffff;
    border: 1.5px solid #dde4ec;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .18s ease;
}
.njp-faq-item:has(.njp-faq-a--open) { border-color: #008751; }

/* ── FAQ Question button ──────────────────────────────────────── */
.njp-faq-q {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 600;
    font-size: .92rem;
    color: #111111;
    line-height: 1.4;
    transition: background .15s ease;
}
.njp-faq-q:hover { background: #f4f9f6; }
.njp-faq-q[aria-expanded="true"] {
    color: #008751;
    background: #f4f9f6;
    border-bottom: 1px solid #dde4ec;
}

/* ── FAQ chevron ──────────────────────────────────────────────── */
.njp-faq-chev {
    font-size: .75rem;
    color: #9aabb8;
    flex-shrink: 0;
    transition: transform .22s cubic-bezier(.25,.1,.25,1), color .18s;
}
.njp-faq-q[aria-expanded="true"] .njp-faq-chev {
    transform: rotate(180deg);
    color: #008751;
}

/* ── FAQ Answer panel ─────────────────────────────────────────── */
/* DEFAULT: hidden — JS toggles .njp-faq-a--open to show */
.njp-faq-a {
    display: none;
    overflow: hidden;
    background: #ffffff;
}
/* OPEN state: show the panel */
.njp-faq-a.njp-faq-a--open {
    display: block !important;
}
/* Answer text — explicit color to prevent inheritance issues */
.njp-faq-a p {
    padding: 14px 20px 18px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .875rem;
    color: #3c4f5e !important;
    line-height: 1.72;
    margin: 0;
}

/* ── FAQ Footer ───────────────────────────────────────────────── */
.njp-faq-footer {
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
}
.njp-faq-more {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .875rem;
    color: #5a6a7a;
    margin-bottom: 16px;
}
.njp-faq-more a {
    color: #008751 !important;
    text-decoration: underline;
    transition: color .14s;
}
.njp-faq-more a:hover { color: #006b40 !important; }
.njp-faq-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.njp-faq-links a {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .75rem;
    color: #5a6a7a !important;
    text-decoration: none !important;
    padding: 4px 12px;
    border: 1px solid #dde4ec;
    border-radius: 14px;
    transition: border-color .14s, color .14s;
}
.njp-faq-links a:hover { border-color: #008751; color: #008751 !important; }

/* ── Responsive overrides ──────────────────────────────────────── */
@media (max-width: 767px) {
    .njp-jobs-section { padding: 36px 0 24px; }
    .njp-jobs-grid    { grid-template-columns: 1fr; gap: 14px; }
    .njp-section-header { flex-direction: column; }
    .njp-about-snippet { padding: 24px 0; }
    .njp-faq-section  { padding: 44px 0; }
    .njp-faq-grid     { gap: 8px; }
    .njp-faq-q        { font-size: .87rem; padding: 14px 16px; }
    .njp-faq-a p      { padding: 12px 16px 16px; }
}
@media (max-width: 480px) {
    .njp-about-snippet__ctas { flex-direction: column; align-items: flex-start; }
    .njp-jobs-quicklinks { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .njp-job-card,
    .njp-faq-q,
    .njp-faq-a,
    .njp-faq-chev,
    .njp-about-cta,
    .njp-job-card__apply,
    .njp-jobs-viewall {
        transition: none !important;
        animation: none !important;
    }
}


<?php /* ════════════════════════════════════════════════════════
   HERO CSS (full v3 retained — unchanged to avoid regressions)
   ════════════════════════════════════════════════════════════ */ ?>

/* ═══════════════════════ HERO ═══════════════════════ */
.njp-hero{
    --g:#008751;--gd:#006b40;--gp:#e8f5ee;--gm:#c5e5d4;
    --bk:#111111;--wh:#ffffff;--sl:#f4f7fa;--mu:#5a6a7a;--bd:#dde4ec;
    --r:8px;--rl:12px;
    --fn:'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    --ez:cubic-bezier(.25,.1,.25,1);
    position:relative;overflow:hidden;background:var(--wh);
    font-family:var(--fn);
    padding-top:clamp(56px, 10vw, 80px);
    padding-bottom:0;margin-bottom:0;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-height:200px;
}
.njp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.njp-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.njp-hero__bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,135,81,.07) 1px,transparent 1px);background-size:26px 26px;}
.njp-hero__bg-blob{position:absolute;border-radius:50%;filter:blur(90px);}
.njp-hero__bg-blob--a{width:600px;height:450px;top:-160px;right:-120px;background:rgba(0,135,81,.07);}
.njp-hero__bg-blob--b{width:400px;height:300px;bottom:0;left:-80px;background:rgba(0,135,81,.05);}
.njp-hero__body{position:relative;z-index:1;text-align:center;padding-bottom:36px;}
.njp-badge{display:inline-flex;align-items:center;gap:7px;background:var(--gp);color:var(--gd);border:1px solid var(--gm);border-radius:20px;padding:4px 14px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px;animation:hup .45s var(--ez) both;}
.njp-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--g);flex-shrink:0;animation:hpulse 2.2s infinite;}
.njp-badge__sep{opacity:.5;}
@keyframes hpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}
.njp-h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800;color:var(--bk);line-height:1.1;letter-spacing:-.025em;margin-bottom:14px;animation:hup .45s var(--ez) .07s both;}
.njp-h1__accent{color:var(--g);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M2 7 Q50 1 100 6 Q150 11 198 5' fill='none' stroke='%23008751' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:bottom center;background-size:100% 10px;padding-bottom:7px;}
.njp-lead{font-size:clamp(.9rem,1.8vw,1rem);color:var(--mu);line-height:1.68;max-width:560px;margin:0 auto 26px;animation:hup .45s var(--ez) .13s both;}
.njp-mode{display:inline-flex;background:var(--sl);border:1.5px solid var(--bd);border-radius:var(--r);padding:4px;margin-bottom:22px;animation:hup .45s var(--ez) .19s both;}
.njp-mode__btn{font-family:var(--fn);font-weight:600;font-size:.86rem;padding:8px 22px;border:none;border-radius:6px;background:transparent;color:var(--mu);cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .18s var(--ez),color .18s,box-shadow .18s;}
.njp-mode__btn--on{background:var(--bk);color:var(--wh);box-shadow:0 2px 8px rgba(0,0,0,.18);}
.njp-mode__btn:not(.njp-mode__btn--on):hover{color:var(--bk);background:rgba(0,0,0,.05);}
.njp-sf{max-width:860px;margin:0 auto;animation:hup .45s var(--ez) .25s both;}
.njp-sf__bar{display:grid;grid-template-columns:2fr 1.1fr 1.1fr auto;background:var(--wh);border:2px solid var(--bk);border-radius:var(--rl);overflow:hidden;box-shadow:4px 4px 0 var(--bk);}
.njp-sf__cell{position:relative;display:flex;align-items:center;border-right:1px solid #e4e9ee;}
.njp-sf__cell:last-child{border-right:none;}
.njp-sf__ico{position:absolute;left:15px;color:#9aabb8;font-size:.8rem;pointer-events:none;z-index:1;}
.njp-sf__input{width:100%;border:none;outline:none;background:transparent;padding:16px 14px 16px 42px;font-family:var(--fn);font-size:.9rem;color:var(--bk);}
.njp-sf__input::placeholder{color:#a8bac6;}
.njp-sf__input:focus{background:#fafffe;}
.njp-sf__sel{width:100%;border:none;outline:none;background:transparent;padding:16px 34px 16px 42px;font-family:var(--fn);font-size:.855rem;color:var(--bk);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239aabb8' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px;}
.njp-sf__sel:focus{background-color:#fafffe;}
.njp-sf__btn{display:inline-flex;align-items:center;gap:8px;padding:0 28px;background:var(--g);color:var(--wh);font-family:var(--fn);font-weight:700;font-size:.9rem;border:none;cursor:pointer;white-space:nowrap;height:100%;align-self:stretch;transition:background .18s var(--ez);}
.njp-sf__btn:hover{background:var(--gd);}
.njp-sf__btn:active{transform:scale(.98);}
.njp-sf__row2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap;}
.njp-pills{display:flex;gap:6px;flex-wrap:wrap;}
.njp-pill-lbl{margin:0;cursor:pointer;}
.njp-pill-cb{display:none;}
.njp-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border:1.5px solid var(--bd);border-radius:20px;font-family:var(--fn);font-size:.73rem;font-weight:600;color:var(--mu);cursor:pointer;transition:background .15s,border-color .15s,color .15s;user-select:none;}
.njp-pill i{font-size:.68rem;}
.njp-pill-cb:checked+.njp-pill{background:var(--g);border-color:var(--g);color:var(--wh);}
.njp-pill:hover{border-color:var(--bk);color:var(--bk);}
.njp-sf__adv-tog{background:none;border:none;color:var(--mu);font-family:var(--fn);font-size:.77rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--r);transition:color .15s,background .15s;flex-shrink:0;}
.njp-sf__adv-tog:hover{color:var(--bk);background:var(--sl);}
.njp-sf__adv-chev{transition:transform .22s var(--ez);}
.njp-sf__adv-tog[aria-expanded="true"] .njp-sf__adv-chev{transform:rotate(180deg);}
.njp-adv{background:var(--sl);border:1.5px solid var(--bd);border-radius:var(--rl);padding:18px 20px;margin-top:8px;text-align:left;}
.njp-adv__lbl{display:flex;align-items:center;gap:5px;font-family:var(--fn);font-size:.73rem;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;}
.njp-adv__lbl i{color:var(--g);}
.njp-adv__sel{width:100%;background:var(--wh);border:1.5px solid var(--bd);border-radius:var(--r);padding:9px 32px 9px 11px;font-family:var(--fn);font-size:.845rem;color:var(--bk);-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239aabb8' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;transition:border-color .15s;}
.njp-adv__sel:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(0,135,81,.10);}
.njp-adv__reset{width:100%;background:transparent;border:1.5px solid var(--bd);border-radius:var(--r);padding:9px 12px;font-family:var(--fn);font-size:.78rem;font-weight:600;color:var(--mu);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,color .15s,background .15s;}
.njp-adv__reset:hover{border-color:var(--bk);color:var(--bk);}
.njp-ptags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:20px;animation:hup .45s var(--ez) .33s both;}
.njp-ptags__lbl{font-size:.68rem;font-weight:700;color:#aab;text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;}
.njp-ptag{display:inline-block;padding:5px 14px;border:1.5px solid var(--bd);border-radius:20px;font-family:var(--fn);font-size:.77rem;font-weight:500;color:var(--mu)!important;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s,transform .13s;}
.njp-ptag:hover{background:var(--g);border-color:var(--g);color:var(--wh)!important;transform:translateY(-2px);}
.njp-stats{background:var(--g);}
.njp-stats__row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 0;gap:0;}
.njp-stats__item{display:flex;flex-direction:column;align-items:center;padding:0 28px;gap:2px;}
.njp-stats__item strong{font-family:var(--fn);font-size:1.5rem;font-weight:800;color:var(--wh);line-height:1;}
.njp-stats__item span{font-size:.67rem;font-weight:600;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}
.njp-stats__sep{display:block;width:1px;height:30px;background:rgba(255,255,255,.22);flex-shrink:0;}
.njp-hero__strip{background:var(--sl);border-top:1px solid var(--bd);padding:14px 0 16px;}
.njp-hero__notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--bd);margin-bottom:12px;}
.njp-hero__notice-copy{font-family:var(--fn);font-size:.84rem;color:var(--mu);display:flex;align-items:center;gap:8px;}
.njp-hero__notice-copy i{color:var(--g);font-size:.88rem;flex-shrink:0;}
.njp-hero__notice-copy strong{color:var(--bk);}
.njp-hero__notice-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:2px solid var(--g);border-radius:var(--r);padding:6px 16px;font-family:var(--fn);font-size:.79rem;font-weight:600;color:var(--g)!important;text-decoration:none!important;white-space:nowrap;flex-shrink:0;transition:background .18s,color .18s;}
.njp-hero__notice-btn:hover{background:var(--g);color:var(--wh)!important;}
.njp-hero__seo{display:flex;flex-wrap:wrap;align-items:center;}
.njp-hero__seo a{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;font-family:var(--fn);font-size:.72rem;font-weight:500;color:#8a9aaa!important;text-decoration:none!important;border-right:1px solid var(--bd);white-space:nowrap;transition:color .14s;}
.njp-hero__seo a:last-child{border-right:none;}
.njp-hero__seo a i{color:var(--g);font-size:.65rem;}
.njp-hero__seo a:hover{color:var(--bk)!important;}
@keyframes hup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991px){
    .njp-sf__bar{grid-template-columns:1fr 1fr;}
    .njp-sf__cell--kw{grid-column:1/-1;border-bottom:1px solid #e4e9ee;border-right:none;}
    .njp-sf__btn{grid-column:1/-1;justify-content:center;padding:14px;border-top:1px solid #e4e9ee;}
    .njp-stats__item{padding:0 18px;}
}
@media(max-width:767px){
    .njp-hero{padding-top:36px;}
    .njp-sf__bar{grid-template-columns:1fr;box-shadow:3px 3px 0 var(--bk);}
    .njp-sf__cell{border-right:none;border-bottom:1px solid #e4e9ee;}
    .njp-sf__cell--loc{border-bottom:none;}
    .njp-sf__row2{justify-content:center;}
    .njp-stats__item{padding:4px 14px;}
    .njp-stats__sep{display:none;}
    .njp-hero__notice{justify-content:center;text-align:center;}
    .njp-hero__seo{justify-content:center;}
    .njp-hero__seo a{border-right:none;}
}
@media(max-width:480px){.njp-mode__btn{font-size:.8rem;padding:7px 16px;}.njp-adv{padding:12px 14px;}}
@media(prefers-reduced-motion:reduce){
    .njp-badge,.njp-h1,.njp-lead,.njp-mode,.njp-sf,.njp-ptags,.njp-badge__dot{animation:none!important;opacity:1!important;transform:none!important;}
    .njp-ptag,.njp-sf__btn,.njp-hero__notice-btn,.njp-mode__btn,.njp-pill{transition:none!important;}
}

/* ══════════════════════════════════════════════════════════════
   BOTTOM HALF CSS
   Employer showcase + Blog + Testimonials + SEO text + CTA
   Design tokens in sync with header.php and footer.php
   ══════════════════════════════════════════════════════════════ */

/* ── Shared: sr-only utility (ensure defined if not via top half) ── */
.njp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

/* ══════════════════════════════════════════════════════════════
   EMPLOYER SHOWCASE
   ══════════════════════════════════════════════════════════════ */
.njp-employers-section {
    padding: 64px 0 48px;
    background: #f8faf9;
    border-top: 1px solid #dde4ec;
}
.njp-employers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}
.njp-employer-card {
    background: #ffffff;
    border: 1.5px solid #dde4ec;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s;
}
.njp-employer-card:hover {
    border-color: #008751;
    box-shadow: 0 4px 18px rgba(0,135,81,.10);
}
.njp-employer-card__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 14px 16px;
    text-decoration: none !important;
    gap: 10px;
}
.njp-employer-card__logo {
    width: 64px; height: 64px;
    border-radius: 10px;
    border: 1px solid #eef1f4;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f7fa;
}
.njp-employer-card__logo img { width: 100%; height: 100%; object-fit: contain; }
.njp-employer-fallback {
    width: 64px; height: 64px;
    background: #008751;
    color: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.njp-employer-card__name {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .84rem;
    font-weight: 700;
    color: #111111;
    margin: 0;
    line-height: 1.3;
}
.njp-employer-card__industry {
    font-size: .73rem;
    color: #7a8a98;
    margin: 0;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
}
.njp-employer-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}
.njp-employer-jobs-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #e8f5ee;
    color: #006b40;
    border-radius: 10px;
    padding: 3px 9px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .70rem;
    font-weight: 600;
}
.njp-employer-jobs-chip i { font-size: .62rem; }
.njp-employer-verified {
    color: #008751;
    font-size: .78rem;
}
.njp-employers-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid #dde4ec;
}
.njp-employers-footer nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.njp-company-type-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .78rem;
    font-weight: 500;
    color: #5a6a7a !important;
    text-decoration: none !important;
    padding: 5px 12px;
    border: 1px solid #dde4ec;
    border-radius: 14px;
    transition: border-color .14s, color .14s;
}
.njp-company-type-link:hover { border-color: #008751; color: #008751 !important; }
.njp-company-type-link i { font-size: .72rem; color: #008751; }
.njp-employers-post-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #008751;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 700;
    font-size: .84rem;
    padding: 9px 22px;
    border-radius: 8px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .18s ease;
}
.njp-employers-post-cta:hover { background: #006b40; }

/* ══════════════════════════════════════════════════════════════
   BLOG / RESOURCES
   ══════════════════════════════════════════════════════════════ */
.njp-blog-section {
    padding: 64px 0 48px;
    background: #ffffff;
    border-top: 1px solid #dde4ec;
}
.njp-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px;
    margin-bottom: 32px;
}
.njp-blog-card {
    background: #ffffff;
    border: 1.5px solid #dde4ec;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .18s, box-shadow .18s;
}
.njp-blog-card:hover { border-color: #008751; box-shadow: 0 4px 18px rgba(0,135,81,.09); }
.njp-blog-card__img-wrap { display: block; overflow: hidden; aspect-ratio: 16/8; }
.njp-blog-card__img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .3s ease;
    display: block;
}
.njp-blog-card:hover .njp-blog-card__img { transform: scale(1.04); }
.njp-blog-card__body {
    padding: 18px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.njp-blog-cat-chip {
    display: inline-block;
    background: #e8f5ee;
    color: #006b40;
    border-radius: 10px;
    padding: 2px 9px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    align-self: flex-start;
}
.njp-blog-card__title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .92rem;
    font-weight: 700;
    color: #111111;
    margin: 0;
    line-height: 1.4;
}
.njp-blog-card__title-link { color: #111111 !important; text-decoration: none !important; transition: color .14s; }
.njp-blog-card__title-link:hover { color: #008751 !important; }
.njp-blog-card__excerpt {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .82rem;
    color: #5a6a7a;
    line-height: 1.6;
    margin: 0;
    flex: 1;
}
.njp-blog-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #f0f3f6;
    margin-top: auto;
}
.njp-blog-card__date {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .72rem;
    color: #a0adb8;
    display: flex;
    align-items: center;
    gap: 4px;
}
.njp-blog-card__read {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .78rem;
    font-weight: 600;
    color: #008751 !important;
    text-decoration: none !important;
    transition: gap .15s;
}
.njp-blog-card:hover .njp-blog-card__read { gap: 8px; }
.njp-blog-card--static .njp-blog-card__static-icon {
    background: #e8f5ee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    font-size: 2rem;
    color: #008751;
}
.njp-blog-resources {
    background: #f4f7fa;
    border: 1.5px solid #dde4ec;
    border-radius: 10px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.njp-blog-resources__title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .78rem;
    font-weight: 700;
    color: #111111;
    white-space: nowrap;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.njp-blog-resources__title i { color: #008751; }
.njp-blog-resources__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
}
.njp-blog-resources__links a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .76rem;
    font-weight: 500;
    color: #5a6a7a !important;
    text-decoration: none !important;
    padding: 4px 11px;
    border: 1px solid #dde4ec;
    border-radius: 12px;
    background: #ffffff;
    transition: border-color .14s, color .14s;
}
.njp-blog-resources__links a:hover { border-color: #008751; color: #008751 !important; }
.njp-blog-resources__links a i { font-size: .68rem; color: #008751; }

/* ══════════════════════════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════════════════════════ */
.njp-testimonials-section {
    padding: 64px 0 48px;
    background: #f8faf9;
    border-top: 1px solid #dde4ec;
}
.njp-testimonials-header {
    text-align: center;
    margin-bottom: 40px;
}
.njp-testimonials-title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: clamp(1.3rem,2.5vw,1.7rem);
    font-weight: 800;
    color: #111111;
    margin-bottom: 8px;
}
.njp-testimonials-subtitle {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .92rem;
    color: #5a6a7a;
    max-width: 520px;
    margin: 0 auto;
}
.njp-testimonials-subtitle strong { color: #111111; }
.njp-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 36px;
}
.njp-testi-card {
    background: #ffffff;
    border: 1.5px solid #dde4ec;
    border-radius: 12px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: border-color .18s, box-shadow .18s;
}
.njp-testi-card:hover { border-color: #008751; box-shadow: 0 4px 16px rgba(0,135,81,.08); }
.njp-testi-card__rating {
    display: flex;
    gap: 2px;
    color: #f4b942;
    font-size: .82rem;
}
.njp-testi-card__text {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .875rem;
    color: #3c4f5e;
    line-height: 1.7;
    margin: 0;
    font-style: italic;
    flex: 1;
    border: none;
    padding: 0;
}
.njp-testi-card__author {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid #f0f3f6;
}
.njp-testi-avatar {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: #008751;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 700;
    font-size: .78rem;
    flex-shrink: 0;
}
.njp-testi-name {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .84rem;
    font-weight: 700;
    color: #111111;
    display: block;
}
.njp-testi-role {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .73rem;
    color: #7a8a98;
}
.njp-testi-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    background: #111111;
    border-radius: 12px;
    padding: 20px 0;
}
.njp-testi-trust__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 28px;
    gap: 3px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
}
.njp-testi-trust__item strong {
    font-size: 1.4rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
}
.njp-testi-trust__item span {
    font-size: .67rem;
    font-weight: 600;
    color: rgba(255,255,255,.55);
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
}
.njp-testi-stars { display: flex; gap: 2px; color: #f4b942; font-size: .85rem; margin-bottom: 2px; }
.njp-testi-trust__sep {
    width: 1px; height: 36px;
    background: rgba(255,255,255,.12);
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════════════════════
   SEO TEXT BLOCK
   ══════════════════════════════════════════════════════════════ */
.njp-seo-text-section {
    padding: 56px 0 48px;
    background: #ffffff;
    border-top: 1px solid #dde4ec;
}
.njp-seo-text-inner {
    max-width: 860px;
    margin: 0 auto;
}
.njp-seo-text__heading {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: clamp(1.2rem,2.2vw,1.5rem);
    font-weight: 800;
    color: #111111;
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 2px solid #008751;
    display: inline-block;
}
.njp-seo-text__content {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    color: #3c4f5e;
    line-height: 1.78;
    font-size: .9rem;
}
.njp-seo-text__content h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #111111;
    margin: 24px 0 10px;
}
.njp-seo-text__content p { margin: 0 0 16px; }
.njp-seo-text__content strong { color: #111111; }
.njp-seo-text__content a {
    color: #008751 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color .14s;
}
.njp-seo-text__content a:hover { color: #006b40 !important; }
.njp-seo-text__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #dde4ec;
}
.njp-seo-text__links a {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .75rem;
    color: #5a6a7a !important;
    text-decoration: none !important;
    padding: 4px 12px;
    border: 1px solid #dde4ec;
    border-radius: 14px;
    transition: border-color .14s, color .14s;
}
.njp-seo-text__links a:hover { border-color: #008751; color: #008751 !important; }

/* ══════════════════════════════════════════════════════════════
   CTA SECTION
   ══════════════════════════════════════════════════════════════ */
.njp-cta-section {
    background: #008751;
    padding: 64px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.njp-cta-section__bg { position: absolute; inset: 0; pointer-events: none; }
.njp-cta-section__bg-dots {
    position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: 22px 22px;
}
.njp-cta-section__inner { position: relative; z-index: 1; }
.njp-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,.15);
    color: rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    padding: 4px 14px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.njp-cta-title {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: clamp(1.6rem,3.5vw,2.4rem);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.15;
    letter-spacing: -.02em;
    margin-bottom: 12px;
}
.njp-cta-subtitle {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: clamp(.875rem,1.5vw,.98rem);
    color: rgba(255,255,255,.85);
    line-height: 1.65;
    max-width: 560px;
    margin: 0 auto 32px;
}
.njp-cta-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}
.njp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-weight: 700;
    font-size: .92rem;
    padding: .8rem 2.2rem;
    border-radius: 8px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s, color .18s, transform .12s;
}
.njp-cta-btn--primary {
    background: #ffffff;
    color: #008751 !important;
    border: 2px solid #ffffff;
}
.njp-cta-btn--primary:hover { background: #e8f5ee; border-color: #e8f5ee; transform: translateY(-2px); }
.njp-cta-btn--ghost {
    background: transparent;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,.45);
}
.njp-cta-btn--ghost:hover { background: rgba(255,255,255,.14); border-color: #ffffff; transform: translateY(-2px); }
.njp-cta-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}
.njp-cta-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .73rem;
    font-weight: 600;
    color: rgba(255,255,255,.75);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 20px;
    padding: 4px 12px;
}
.njp-cta-trust-item i { color: #ffffff; font-size: .68rem; }
.njp-cta-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.njp-cta-links a {
    font-family: 'Plus Jakarta Sans','Sora',-apple-system,sans-serif;
    font-size: .75rem;
    font-weight: 500;
    color: rgba(255,255,255,.55) !important;
    text-decoration: none !important;
    padding: 3px 10px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 12px;
    transition: color .14s, border-color .14s;
}
.njp-cta-links a:hover { color: #ffffff !important; border-color: rgba(255,255,255,.55); }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
    .njp-employers-grid        { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
    .njp-testimonials-grid     { grid-template-columns: 1fr 1fr; }
    .njp-testi-trust__item     { padding: 0 18px; }
}
@media (max-width: 767px) {
    .njp-employers-section,
    .njp-blog-section,
    .njp-testimonials-section,
    .njp-seo-text-section,
    .njp-cta-section           { padding: 44px 0 32px; }
    .njp-testimonials-grid     { grid-template-columns: 1fr; }
    .njp-blog-grid             { grid-template-columns: 1fr; }
    .njp-employers-grid        { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
    .njp-testi-trust           { padding: 16px 0; }
    .njp-testi-trust__item     { padding: 6px 14px; }
    .njp-testi-trust__sep      { display: none; }
    .njp-cta-buttons           { flex-direction: column; align-items: stretch; }
    .njp-cta-btn               { justify-content: center; }
    .njp-employers-footer      { flex-direction: column; align-items: flex-start; }
    .njp-blog-resources        { flex-direction: column; align-items: flex-start; }
    .njp-seo-text-inner        { max-width: 100%; }
}
@media (max-width: 480px) {
    .njp-employers-grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .njp-employer-card,
    .njp-blog-card,
    .njp-blog-card__img,
    .njp-testi-card,
    .njp-cta-btn,
    .njp-employers-post-cta    { transition: none !important; animation: none !important; }
}