/* Job — copied from the approved MyNurseDesk design canvas. Regenerate with sync-design.py; do not edit by hand. */

/* company box inside the description */


/* ---- compact job header (v3) ---- */



.jh3{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center;padding-bottom:32px}
@media(min-width:1024px){.jh3{grid-template-columns:minmax(0,1fr) auto;gap:40px}}
.jh3-l{display:flex;gap:20px;align-items:center;min-width:0}
.jh3-t{display:grid;gap:10px;min-width:0;width:100%}
.jh3-titlerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.jh3 h1{margin:0;font:800 clamp(26px,3vw,36px)/1.15 var(--font-h);letter-spacing:-.02em;color:var(--text);text-wrap:balance}
.jh3-feat{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;flex:none}
.jh3-feat svg{width:16px;height:16px;fill:currentColor}
.jh3-meta{margin:0;display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--muted);font-size:15.5px}
.jh3-meta>span{display:inline-flex;align-items:center;gap:7px}
.jh3-meta b{color:var(--text);font-weight:600}
.jh3-meta .ico{width:18px;height:18px;color:var(--link)}
.jh3-tags{display:flex;flex-wrap:wrap;gap:8px}
.jh3-tag{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text);font:500 14px/1 var(--font-b)}
.jh3-tag.is-status{background:var(--blue-soft);border-color:var(--blue-soft-2);color:var(--link)}
.jh3-tag.is-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.jh3-tag.is-status.is-closed{background:#FDECEC;border-color:#F6CACA;color:#A12B2B}
.jh3-tag.is-status.is-warn{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber)}
.jh3-r{display:grid;gap:12px;justify-items:end;min-width:0}
.jh3-ends{margin:0;font-size:15px;color:var(--muted)}
.jh3-ends b{color:var(--text);font-weight:700}
.jh3-act{display:flex;gap:10px;align-items:center}
.jh3-apply{height:54px!important;min-width:220px;padding:0 28px!important;border-radius:14px!important;font-size:17px!important;gap:10px}
.jh3-ib{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--link);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.jh3-ib .ico{width:20px;height:20px}
.jh3-ib:hover{border-color:var(--blue);background:var(--blue-soft)}
.jh3-ib[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.jh3-ib:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.jh3-verify{margin:0;max-width:340px;display:flex;gap:7px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--muted);text-align:left}
.jh3-verify .ico{flex:none;width:15px;height:15px;margin-top:2px;color:var(--link)}
@media(max-width:1023px){.jh3-r{justify-items:stretch}.jh3-verify{max-width:none}.jh3-act .jh3-apply{flex:1}}
@media(max-width:639px){
  .jh3-l{flex-direction:column;align-items:flex-start;gap:14px}
  .jh3-meta{flex-direction:column;gap:6px;font-size:15px}
  .jh3-apply{min-width:0}
}

/* ---- sidebar cards v2 ---- */



.side .side-card{background:var(--surface);box-shadow:0 1px 2px rgba(11,34,54,.04)}
.side{display:flex;flex-direction:column;gap:16px}
.jmap{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;max-width:100%;border:1px solid var(--line)}
.jmap svg{display:block;width:100%;height:100%}
.jm-bg{fill:#EEF4F2}
.jm-park{fill:#D6EBDF}
.jm-water{fill:#CFE6EE}
.jm-road{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}
.jm-road.jm-small{stroke-width:3.5}
:root[data-theme="dark"] .jm-bg{fill:#14303A}:root[data-theme="dark"] .jm-park{fill:#1B3D3A}:root[data-theme="dark"] .jm-water{fill:#173847}:root[data-theme="dark"] .jm-road{stroke:#25485A}
.jm-pin{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-90%);filter:drop-shadow(0 6px 8px rgba(11,34,54,.3))}
.jm-pin svg{width:100%;height:100%;fill:var(--blue)}
.jm-pin::after{content:"";position:absolute;left:50%;bottom:-6px;width:40px;height:14px;margin-left:-20px;border-radius:50%;background:color-mix(in srgb,var(--blue) 25%,transparent);animation:jm-pulse 2s ease-out infinite;z-index:-1}
@keyframes jm-pulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.jm-pin::after{animation:none}}
.jloc-addr{margin:14px 0 0;display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--muted)}
.jloc-addr b{color:var(--text)}
.jloc-addr .ico{flex:none;width:18px;height:18px;margin-top:2px;color:var(--link)}
.jloc-link{margin-top:10px;display:inline-flex;align-items:center;gap:6px;color:var(--link);font:600 14.5px/1 var(--font-b);text-decoration:none}
.jloc-link .ico{width:15px;height:15px}
.jloc-link:hover{text-decoration:none}
.jsk{display:flex;flex-wrap:wrap;gap:8px}
.jsk-i{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:10px;background:var(--blue-soft);color:var(--link);font:600 14px/1 var(--font-b)}
.jem-top{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.jem-top h2{margin:0 0 4px!important;font-size:17px!important;line-height:1.25}
.jem-logo{flex:none;width:56px;height:56px;border-radius:14px}
.jem-more{color:var(--link);font-size:14px;text-decoration:none}
.jem-more:hover{text-decoration:none}
.jem-list{margin:0;display:grid}
.jem-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14.5px}
.jem-list dt{color:var(--muted)}
.jem-list dd{margin:0;color:var(--text);font-weight:600;text-align:right;min-width:0}
.jem-site{margin-top:14px;gap:8px}
.jem-site .ico{width:16px;height:16px}
/* ---- job overview v2 ---- */

/* ---- photos ---- */


.jph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media(min-width:640px){.jph{grid-template-columns:repeat(4,minmax(0,1fr))}}
.jph-i{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;max-width:100%;cursor:pointer}
.jph-i svg{display:block;width:100%;height:100%;transition:transform .35s var(--ease)}
.jph-i:hover svg{transform:scale(1.05)}
.jph-i figcaption{position:absolute;left:8px;bottom:8px;padding:4px 10px;border-radius:999px;background:rgba(11,34,54,.72);color:#fff;font:500 12.5px/1.3 var(--font-b)}
.jph-plus{position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,34,54,.45);color:#fff;font:800 24px/1 var(--font-h)}
/* ---- video ---- */


.jvid{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;max-width:100%;margin-top:16px;background:#0B2236}
.jvid-bg{position:absolute;inset:0;width:100%;height:100%}
.jvid-top{position:absolute;left:16px;top:16px;right:16px;display:flex;align-items:center;gap:10px;color:#fff}
.jvid-top b{display:block;font:700 16px/1.25 var(--font-h)}
.jvid-top small{font-size:12.5px;opacity:.8}
.jvid-logo{width:40px;height:40px;border-radius:12px;flex:none}
.jvid-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;background:#fff;color:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 10px rgba(255,255,255,.18);transition:transform .2s}
.jvid-play:hover{transform:scale(1.06)}
.jvid-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.jvid-play svg{width:30px;height:30px;fill:currentColor;margin-left:4px}
.jvid-time{position:absolute;right:14px;bottom:14px;padding:4px 9px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:600 12.5px/1 var(--font-b)}
@media(max-width:520px){.jvid-play{width:58px;height:58px;margin:-29px 0 0 -29px}.jvid-top b{font-size:14px}}
/* ---- brand share buttons ---- */


.jshare{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:20px;margin-top:8px;border-top:1px solid var(--line)}
.jshare>b{font:700 16px/1.2 var(--font-h);color:var(--text)}
.jshare-row{display:flex;flex-wrap:wrap;gap:8px}
.jsb{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:0;color:#fff!important;font:600 14.5px/1 var(--font-b);text-decoration:none!important;cursor:pointer;transition:filter .2s,transform .2s}
.jsb:hover{filter:brightness(1.08);transform:translateY(-1px)}
.jsb .ico{width:17px;height:17px}
.jsb.s-whatsapp{background:#117F45}.jsb.s-facebook{background:#1466D2}.jsb.s-linkedin{background:#0A66C2}.jsb.s-x{background:#111}.jsb.s-telegram{background:#1877A8}.jsb.s-copy{background:var(--surface-3);color:var(--text)!important}

/* ---- job overview v3: teal top + table list ---- */



.side-card.ov3{padding:0;overflow:hidden}
.ov3-top{padding:20px;background:linear-gradient(135deg,#0E7C7B,#0B4F55);color:#fff;display:grid;gap:4px}
.ov3-top h2{margin:0 0 6px!important;font:600 12.5px/1.2 var(--font-b)!important;letter-spacing:.07em;text-transform:uppercase;color:#CDEDEA}
.ov3-pay{font:800 26px/1.15 var(--font-h);color:#fff}
.ov3-top em{font-style:normal;font-size:13.5px;color:#CDEDEA}
.ov3-top .cur-pick{margin-top:8px}
.ov3-top .cur-pick label{color:#CDEDEA}
.ov3-top .cur-pick select{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.ov3-top .cur-pick select option{color:#0B2236}
.ov3-top .cur-pick .ico{color:#fff}
.ov3-dl{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.ov3-dl-row{display:flex;justify-content:space-between;gap:10px}
.ov3-dl-row small{font-size:12.5px;color:#CDEDEA}
.ov3-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.2);margin:8px 0;overflow:hidden}
.ov3-bar i{display:block;height:100%;border-radius:99px;background:#7FE0D9}
.ov3-left{font:700 15px/1.2 var(--font-h);color:#fff}
.ov3-list{padding:6px 20px 12px}
.ov3-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.ov3-row:first-child{border-top:0}
.ov3-row .ico{flex:none;width:17px;height:17px;color:var(--link)}
.ov3-k{flex:1;color:var(--muted);min-width:0}
.ov3-v{color:var(--text);font-weight:700;text-align:right;min-width:0;max-width:60%}
:root[data-theme="dark"] .ov3-top{background:linear-gradient(135deg,#0B5E5D,#08343A)}

/* ---- tags: one calm colour with icons; only the status keeps its own colour ---- */



.jh3-tag{border:1px solid var(--line)!important;border-radius:999px;height:34px;padding:0 14px 0 11px;gap:7px;font:500 14px/1 var(--font-b);background:var(--surface-2)!important;color:var(--text)!important}
.jh3-tag .ico{width:16px;height:16px;color:var(--link);flex:none}
.jh3-tag.is-status{padding-left:13px;font-weight:600;border-color:color-mix(in srgb,#1F9D63 30%,transparent)!important;background:color-mix(in srgb,#1F9D63 10%,var(--surface))!important;color:#137A4A!important}
.jh3-tag.is-status i{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.jh3-tag.is-status.is-closed{border-color:#F3C9C9!important;background:#FDECEC!important;color:#A12B2B!important}
.jh3-tag.is-status.is-warn{border-color:#F4D79A!important;background:#FFF3D6!important;color:#7A4100!important}
:root[data-theme="dark"] .jh3-tag.is-status{background:#103A2A!important;border-color:#1F5C42!important;color:#8FE3B6!important}
:root[data-theme="dark"] .jh3-tag.is-status.is-closed{background:#3F1D1D!important;border-color:#6A2C2C!important;color:#F7B4B4!important}
:root[data-theme="dark"] .jh3-tag.is-status.is-warn{background:#3A2A0E!important;border-color:#6A4C15!important;color:#F5C26B!important}
/* ---- clear social icons ---- */


.jsb .ico{fill:currentColor;stroke:none}
/* ---- location card aligned ---- */


.jloc-addr{align-items:flex-start}
.jloc-link{display:flex;justify-content:center;width:100%;height:42px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);gap:8px}
.jloc-link:hover{text-decoration:none;border-color:var(--blue);background:var(--blue-soft)}
/* ---- share row: big brand buttons ---- */


:root .jshare{gap:14px 20px;padding-top:24px;margin-top:12px}
:root .jshare>b{font:700 clamp(19px,1.6vw,22px)/1.2 var(--font-h);color:var(--text)}
:root .jshare-row{gap:10px}
:root .jsb{height:48px;padding:0 20px;gap:10px;border-radius:14px;font:600 16px/1 var(--font-b);box-shadow:0 6px 14px -8px rgba(11,34,54,.45)}
:root .jsb .ico{width:20px;height:20px}
:root .jsb.s-whatsapp{background:#16843F}:root .jsb.s-facebook{background:#1265E0}:root .jsb.s-linkedin{background:#0A62BA}:root .jsb.s-x{background:#1C1C1C}:root .jsb.s-telegram{background:#1673B5}
:root .jsb.s-copy{background:#E8EFFA;color:#0B2236!important;box-shadow:none}
:root[data-theme="dark"] .jsb.s-copy{background:#1C3346;color:#E6F0FA!important}
@media(max-width:639px){:root .jshare-row{display:grid;grid-template-columns:1fr 1fr;width:100%}:root .jsb{justify-content:center;padding:0 12px}}

/* ===== 29 Oct · job page from his pictures ===== */



.jh3-mark{flex:none;display:grid;place-items:center;width:96px;height:96px;border-radius:20px;background:linear-gradient(145deg,#1B8C80,#0E6C66);box-shadow:0 14px 28px -12px rgba(14,110,100,.55)}
.jh3-mark svg{width:56%;height:56%}
.jh3 h1{font-weight:700}
.jh3-meta{gap:6px 0!important;align-items:center}
.jh3-meta>span+span::before{content:"";display:inline-block;width:1px;height:18px;margin:0 14px;background:var(--line-strong)}
.jh3-tags{gap:10px!important}
.jh3-tag{height:36px!important;padding:0 14px!important;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line))!important;background:color-mix(in srgb,var(--surface) 70%,transparent)!important;font-size:15px!important}
.jh3-tag .ico{width:17px;height:17px;color:var(--link)}
.jh3-tag.is-status{background:#E3F4EC!important;border-color:#B9E2CC!important;color:#147A47!important}
.jh3-tag.is-status i{width:10px!important;height:10px!important;background:#178A4E!important}
.jh3-tag.is-status.is-closed{background:#FDECEC!important;border-color:#F6CACA!important;color:#A12B2B!important}.jh3-tag.is-status.is-closed i{background:#A12B2B!important}
.jh3-tag.is-status.is-warn{background:var(--amber-soft)!important;border-color:var(--amber-line)!important;color:var(--amber)!important}.jh3-tag.is-status.is-warn i{background:var(--amber)!important}
:root[data-theme="dark"] .jh3-tag.is-status{background:#10301F!important;border-color:#1F5A38!important;color:#7FD9A5!important}
.jh3-apply,.jh3-ib{border-radius:12px!important}
@media(min-width:1024px){.jh3-r{justify-items:start!important;padding-left:36px;border-left:1px solid var(--line-strong)}.jh3-meta{flex-wrap:wrap;white-space:nowrap}}
/* v1.2: when the meta row wraps, the divider at the start of a new line is hidden */


@media(min-width:640px){.jh3-meta{margin-left:-29px!important;clip-path:inset(0 0 0 29px)}.jh3-meta>span::before{content:"";display:inline-block;width:1px;height:18px;margin:0 14px;background:var(--line-strong)}}
@media(min-width:1024px) and (max-width:1279px){.jh3-meta{flex-wrap:wrap}}
@media(max-width:639px){.jh3-mark{width:64px;height:64px;border-radius:16px}.jh3-meta{flex-direction:column;align-items:flex-start!important;gap:8px!important}.jh3-meta>span+span::before{display:none}}
/* FAQ */


.jfaq-h{display:flex!important;align-items:center;gap:16px}
.jfaq-t{padding-left:0;border-left:0}
.job-main .acc-q{gap:16px!important;justify-content:flex-start!important}
.jq-t{flex:1;min-width:0;font-weight:600;color:var(--text)}
.acc-item.is-open .jq-t{color:var(--text)}
.job-main .acc-q>.ico{margin-left:auto}

/* read our guide */



.jguide2{display:flex;align-items:center;gap:18px;margin-top:22px;padding:16px 20px;border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--blue) 5%,var(--surface))}
.jg2-tx{flex:1;min-width:0;margin:0!important;font-size:16px;color:var(--muted)}
.jg2-tx a{color:var(--link);font-weight:600;text-decoration:none;text-underline-offset:3px}
.jg2-go{flex:none;display:inline-flex;align-items:center;gap:10px;color:var(--link)!important;font:600 15px/1 var(--font-b);text-decoration:none!important}
.jg2-go>.ico{width:16px;height:16px;transition:transform .2s}
.jg2-go:hover>.ico{transform:translateX(3px)}
@media(max-width:760px){.jguide2{flex-direction:column;align-items:flex-start!important;gap:12px!important;padding:16px!important}}

/* guide box: plain line like his picture */



.jguide2{gap:20px!important;padding:18px 24px!important;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line))!important;border-radius:12px!important;background:color-mix(in srgb,var(--blue) 4%,var(--surface))!important}
.jg2-tx{font-size:17px!important;color:var(--text)!important}
.jg2-tx a{color:var(--link)!important;font-weight:600}
.jg2-go{font-size:15.5px!important;gap:8px!important}