:root{
      --v-dark:#0f1b3a;
      --v-accent:#ff3b3b;
      --v-bg:#f3f5f8;
      --v-text:#4b5a74;
      --v-card:#fff;
      --v-star:#f8c41c;
      --v-ok:#0b5ed7;
      --v-job:#033a73;
    }
    body.vacancies{}
    .v-wrap{max-width:1320px;margin:0 auto;padding:20px 12px 40px}
    /* Hero */
    .v-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--v-card);border-radius:14px;padding:16px 18px;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);margin-bottom:12px}
    .v-ttl{font-size:24px;font-weight:800;color:var(--v-dark)}
    .v-muted{opacity:.85}
    .v-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#eef1f6;color:#111}
    .v-rating{display:flex;gap:10px;align-items:center}
    .v-rating .score{background:#eaf1ff;border-radius:10px;padding:4px 10px;font-weight:800;color:#2b3b6b}
    .v-rating i{color:var(--v-star)}
    /* Toolbar (mobile) */
    .v-toolbar{display:flex;justify-content:flex-start;margin:8px 0 14px}
    .v-filterBtn{display:none;border:1px solid #dfe3ea;background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;color:#1f2a44;gap:8px;align-items:center}
    .v-filterBtn i{color:var(--v-accent)}
    /* Layout */
    .v-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}
    /* Filters */
    .v-filters{position:sticky;top:84px}
    .v-titleFilter{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--v-dark);font-size:18px;margin:0 0 10px 0}
    .v-titleFilter i{color:var(--v-accent)}
    .v-block{background:var(--v-card);border-radius:12px;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);padding:16px;margin-bottom:14px}
    .v-block .v-h{color:var(--v-dark);font-weight:600;margin-bottom:10px}
	.v-block .v-t{color:#3789e1;font-weight:600;margin-bottom:10px}
    .v-list{display:grid;gap:8px}
    .v-list label{display:flex;align-items:center;gap:10px;color:#23314d;font-weight:400;cursor:pointer}
    .v-list input[type="checkbox"]{accent-color:var(--v-accent)}
    /* Cards */
    .v-card{background:var(--v-card);border-radius:12px;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);overflow:hidden;margin-bottom:16px}
    .v-card .v-row{display:grid;grid-template-columns:320px 1fr}
    .v-img{width:100%;height:100%;object-fit:cover;display:block}
    .v-body{padding:16px 18px}
    .v-top{display:flex;flex-direction:column;gap:8px}
    .v-job{font-size:22px;line-height:1.25;color:var(--v-job);font-weight:600;width:100%}
    .v-sal{position:relative;display:inline-flex;align-items:center;gap:10px;color:#000;background:#d9ecff;border:1px solid #d9ecff;padding:6px 10px;border-radius:8px;font-weight:600;white-space:nowrap}
    .v-sal small{display:inline;color:#3072d7;font-weight:600}
    .v-sal .caret{margin-left:4px;color:#0f5132}
    .v-salTip{
      display:none;position:absolute;left:0;top:calc(100% + 4px);
      background:#111;color:#fff;padding:0px 0px 12px 12px; border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-weight:600;white-space:pre-line;z-index:3;
      min-width:200px; font-size:14px
    }
    .v-sal:hover .v-salTip,
    .v-sal:focus-within .v-salTip{display:block}
    .v-sal:hover .caret{transform:rotate(180deg)}
    .v-meta{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px 16px;margin:12px 0}
    .v-meta .i{display:flex;align-items:center;gap:8px;color:#22314b}
    .v-meta .i i{color:var(--v-accent);width:20px;text-align:center}
    .v-ver{display:inline-flex;align-items:center;gap:8px;color:var(--v-ok);background:#e7f1ff;border:1px solid #cfe2ff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px;margin-top:6px}
    .v-desc{color:var(--v-text)}
    /* Pagination */
    .v-pg{display:flex;gap:6px;list-style:none;padding:0;margin:24px 0 0}
    .v-pg a{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #dfe3ea;background:#fff;border-radius:8px;text-decoration:none;color:var(--v-dark)}
    .v-pg .active a{background:var(--v-dark);color:#fff;border-color:var(--v-dark)}
    /* Drawer / mobile */
    .v-backdrop{display:none}
    @media (max-width:1024px){
      .v-wrap{padding:14px 12px 32px}
      .v-hero{flex-direction:column;align-items:flex-start;gap:12px}
      .v-ttl{font-size:20px}
      .v-toolbar{display:flex}
      .v-filterBtn{display:inline-flex}
      .v-grid{grid-template-columns:1fr}
      .v-filters{display:none}
      .v-card .v-row{grid-template-columns:1fr}
      .v-img{max-height:220px}
      .v-meta{grid-template-columns:1fr}
      .v-sal{font-size:14px}
      body.v-open{overflow:hidden}
      body.v-open .v-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000}
      /* Scrollable drawer */
      body.v-open .v-filters{
        display:block;position:fixed;z-index:1001;inset:0 auto 0 0;width:86vw;max-width:360px;
        height:100dvh; overflow-y:auto; -webkit-overflow-scrolling:touch;
        background:#fff; box-shadow:6px 0 24px rgba(0,0,0,.25);
        transform:translateX(-105%); animation:slideIn .25s forwards;
        padding:16px 16px calc(env(safe-area-inset-bottom, 16px) + 16px);
        box-sizing:border-box;
      }
      @keyframes slideIn{to{transform:translateX(0)}}
    }
	
	/* Selected chips (scoped to the v3 page styles) */
.v-selected{
  background:#f3f1e3; /* soft sand like your screenshot */
  border-radius:10px;
  padding:10px 12px;
  margin:10px 0 14px;
  box-shadow:0 0 1px rgba(0,0,0,.06) inset;
}
.v-selectedHead{display:flex;align-items:center;justify-content:space-between;color:#23314d}
.v-selectedHead strong{font-weight:800}
.v-clear{
  background:none;border:0;padding:0;cursor:pointer;
  color:#ff0000;font-weight:400
}
.slct {color:#0b5ed7; font-weight:600}
.v-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.v-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;color:#22314b;border-radius:999px;
  padding:4px 10px;font-weight:600;font-size:12px
}
.v-chip b {
    font-weight: 800;
    color: #0b5ed7;
}
.v-chip button{
  appearance:none;background:transparent;border:0;cursor:pointer;
  color:#6b7280;font-size:14px;line-height:1
}
/*jobdetails*/
 /* ----- Scope / tokens ----- */
    [data-vx]{
      --bg:#f5f7fb; --ink:#10223f; --muted:#6c7b91; --brand:#185a9d; --ring:#e7ecf4;
      --card:#fff; --ok:#145291; --cta:#145291; --cta-ghost:#dff1f9; --chip:#eff2f7;
      --shadow:0 18px 40px rgba(3,26,66,.08);
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
      color:var(--ink); background:var(--bg);
    }
    [data-vx] .vx-wrap{max-width:1200px;margin:0 auto;padding:28px 16px 70px}

    /* Header */
    [data-vx] .vx-bc{font-size:13.5px;color:var(--muted);margin-bottom:10px}
    [data-vx] .vx-bc a{color:inherit;text-decoration:none}
    [data-vx] .vx-title{font-size:clamp(26px,4.4vw,46px);line-height:1.15;margin:0 0 10px;color:#0d274c}
    [data-vx] .vx-badges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
    [data-vx] .vx-badge{background:var(--chip);color:#243655;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}

    /* Grid */
    [data-vx] .vx-grid{display:grid;grid-template-columns:1.65fr .95fr;gap:28px}
    @media (max-width: 1000px){ [data-vx] .vx-grid{grid-template-columns:1fr} }

    /* Card base */
    [data-vx] .vx-card{background:var(--card);border:1px solid var(--ring);border-radius:18px;box-shadow:var(--shadow)}

    /* Gallery */
    [data-vx] .vx-gallery{padding:14px}
    [data-vx] .vx-frame{position:relative;border-radius:12px;overflow:hidden}
    [data-vx] .vx-main{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#e9eef6}
    [data-vx] .vx-arrow{
      position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;
      background:#fff;border:1px solid #e5ebf4;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.08);
      cursor:pointer;opacity:.96
    }
    [data-vx] .vx-prev{left:10px} [data-vx] .vx-next{right:10px}
    [data-vx] .vx-arrow svg{width:18px;height:18px}

    /* Meta chips row (with vertical-centering fix) */
    [data-vx] .vx-meta{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:12px}
    @media (max-width:760px){ [data-vx] .vx-meta{grid-template-columns:1fr} }
    [data-vx] .vx-meta .item{
      display:grid;                       /* robust centering for multiline text */
      grid-template-columns:22px 1fr;     /* icon + text */
      align-items:center;                 /* vertical centering */
      gap:10px;
      padding:12px 14px;
      line-height:1.4;
      border-radius:12px;
      border:1px dashed #e5ebf4;
      background:#fcfdff;
      color:#243655;
      min-height:56px;                    /* consistent height */
    }
    [data-vx] .vx-meta .item svg{
      width:18px;height:18px;display:block;align-self:center;color:#8190a9
    }

    /* Sidebar summary */
    [data-vx] .vx-aside{position:sticky;top:26px;height:max-content}
    [data-vx] .vx-summary{padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);border:1px solid var(--ring);box-shadow:var(--shadow)}
    [data-vx] .vx-sum{color:#2e8ded;font-size:clamp(26px,3.6vw,38px);font-weight:900}
    [data-vx] .vx-hr{margin-top:6px;color:#6f7f9a}
    [data-vx] .vx-actions{display:grid;gap:12px;margin-top:16px}
    [data-vx] .vx-btn{display:block;text-align:center;font-weight:800;border-radius:12px;padding:12px 14px;text-decoration:none}
    [data-vx] .vx-btn.primary{background:#145291;color:#fff}
    [data-vx] .vx-btn.ghost{background:var(--cta-ghost);color:#145291}

    /* Quick facts box */
    [data-vx] .vx-facts{margin-top:14px;padding:14px;border:1px solid var(--ring);border-radius:14px;background:#fff}
    [data-vx] .vx-facts ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
    [data-vx] .vx-facts li{display:flex;align-items:center;gap:10px;color:#2d3d5e}
    [data-vx] .vx-facts svg{width:16px;height:16px;color:#22a347}

    /* Details (accordions) */
    [data-vx] .vx-details{margin-top:14px}
    [data-vx] details{border:1px solid var(--ring);border-radius:14px;background:#fff;margin-top:10px;overflow:hidden}
    [data-vx] summary{
      list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800;color:var(--brand)
    }
    [data-vx] summary::-webkit-details-marker{display:none}
    [data-vx] .vx-sec{padding:0 16px 16px}
    [data-vx] .vx-sec p{margin:8px 0;color:#334463}
    [data-vx] .vx-ul{margin:8px 0 0 18px}
    [data-vx] .vx-ul li{margin:6px 0}

/* collapsible filters */
.v-block .v-h{ position:relative; padding-right:28px; }
.v-arrow{
  position:absolute; right:4px; top:50%;
  width:24px; height:24px; border:1px solid #dfe3ea; background:#fff;
  border-radius:6px; display:grid; place-items:center; cursor:pointer;
  transform:translateY(-50%) rotate(90deg);            /* ↓ default (open) */
}
.v-arrow::before{
  content:""; width:6px; height:6px; display:block;
  border-right:2px solid #23314d; border-bottom:2px solid #23314d;
  transform:rotate(-45deg);                             /* ► glyph */
}

/* closed state */
.v-block:not(.is-open) .v-arrow{ transform:translateY(-50%) rotate(0deg); }



    /* Mobile sticky actions */
    @media (max-width: 1000px){
      [data-vx] .vx-bottom{
        position:sticky;bottom:0;left:0;right:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(8px);
        border-top:1px solid var(--ring);padding:12px 14px;margin-top:16px
      }
      [data-vx] .vx-bottom .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
      [data-vx] .vx-bottom .vx-btn{padding:12px 10px;border-radius:10px}
    }