/* Careers */
/* Roles: master-detail */
.jv-roles{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}
.jv-roles__tabs{display:grid;gap:10px;position:sticky;top:calc(var(--jv-header-h) + 20px)}
.jv-rtab{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--jv-border);border-radius:16px;background:var(--jv-surface);text-align:left;cursor:pointer;font:inherit;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.jv-rtab:hover{transform:translateX(3px);border-color:var(--jv-mint-strong)}
.jv-rtab:focus-visible{outline:3px solid var(--jv-mint-strong);outline-offset:2px}
.jv-rtab__icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--jv-mint-soft);color:var(--jv-navy);transition:background .2s,color .2s}
.jv-rtab__icon svg{width:22px;height:22px}
.jv-rtab__text{flex:1;min-width:0}
.jv-rtab__text strong{display:block;font:700 1rem var(--jv-font-display);color:var(--jv-ink)}
.jv-rtab__text small{display:block;margin-top:2px;font-size:.78rem;line-height:1.35;color:var(--jv-ink-mute)}
.jv-rtab__arrow svg{width:18px;height:18px;color:var(--jv-ink-mute);opacity:0;transform:translateX(-6px);transition:all .2s}
.jv-rtab.is-active{background:linear-gradient(120deg,var(--jv-navy-ink),var(--jv-navy));border-color:var(--jv-navy);box-shadow:0 18px 36px -20px rgba(38,55,115,.7)}
.jv-rtab.is-active .jv-rtab__icon{background:rgba(144,208,186,.18);color:var(--jv-mint)}
.jv-rtab.is-active strong{color:#fff}
.jv-rtab.is-active small{color:rgba(255,255,255,.7)}
.jv-rtab.is-active .jv-rtab__arrow svg{opacity:1;transform:none;color:var(--jv-mint)}
.jv-rpanel{position:relative;overflow:hidden;padding:34px 36px;border:1px solid var(--jv-border);border-radius:26px;background:var(--jv-surface);box-shadow:0 30px 60px -40px rgba(38,55,115,.45)}
.jv-rpanel::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--jv-navy),var(--jv-mint-strong))}
.jv-rpanel::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(144,208,186,.28),transparent 70%);pointer-events:none}
.js-roles .jv-rpanel[data-inactive]{display:none}
.js-roles .jv-rpanel{animation:jvRoleIn .35s ease both}
@keyframes jvRoleIn{from{opacity:0;transform:translateY(10px)}}
.jv-roles__panels{display:grid;gap:24px}
.jv-rpanel__head{position:relative;z-index:1;display:flex;align-items:center;gap:20px}
.jv-rpanel__icon{flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:var(--jv-navy);color:var(--jv-mint);box-shadow:0 14px 28px -14px rgba(38,55,115,.7)}
.jv-rpanel__icon svg{width:32px;height:32px}
.jv-rpanel__badge{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:var(--jv-mint-soft);font:700 .68rem var(--jv-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--jv-navy)}
.jv-rpanel h3{margin:0;font:800 1.7rem var(--jv-font-display);color:var(--jv-ink)}
.jv-rpanel__tag{margin:4px 0 0;font-size:.92rem;color:var(--jv-ink-mute)}
.jv-rpanel__summary{position:relative;z-index:1;margin:22px 0;font-size:1.06rem;line-height:1.7;color:var(--jv-ink-soft)}
.jv-rpanel h4{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 .76rem var(--jv-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--jv-navy)}
.jv-rpanel h4 svg{width:18px;height:18px;color:var(--jv-mint-strong)}
.jv-rpanel ul,.jv-rpanel ol{margin:0;padding:0;list-style:none}
.jv-rpanel__must{position:relative;z-index:1;padding:22px 24px;margin-bottom:26px;border:1px solid rgba(107,191,159,.45);border-radius:18px;background:linear-gradient(135deg,var(--jv-mint-soft),transparent)}
.jv-rpanel__must ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.jv-rpanel__must li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:.95rem;line-height:1.5;color:var(--jv-ink)}
.jv-rpanel li i{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--jv-mint-strong);color:#fff}
.jv-rpanel li i svg{width:13px;height:13px;stroke-width:3.2}
.jv-rpanel__cols{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr 1fr;gap:32px}
.jv-rpanel ol{counter-reset:r;display:grid;gap:12px}
.jv-rpanel ol li{counter-increment:r;display:flex;gap:14px;align-items:flex-start;font-size:.95rem;line-height:1.55;color:var(--jv-ink-soft)}
.jv-rpanel ol li::before{content:counter(r,decimal-leading-zero);flex:none;font:700 .8rem var(--jv-font-mono);color:var(--jv-mint-strong);padding-top:2px}
.jv-rpanel ul.is-nice{display:grid;gap:12px}
.jv-rpanel ul.is-nice li{display:flex;gap:12px;align-items:flex-start;font-size:.93rem;line-height:1.5;color:var(--jv-ink-soft)}
.jv-rpanel ul.is-nice li i{background:var(--jv-canvas-soft);color:var(--jv-navy);border:1px solid var(--jv-border-strong)}
.jv-rpanel__foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--jv-border)}
.jv-rpanel__foot .jv-btn svg{width:18px;height:18px;margin-left:6px}
.jv-rpanel__foot span{font-size:.85rem;color:var(--jv-ink-mute)}
.jv-apply{max-width:900px}
.jv-drop{position:relative;display:flex;align-items:center;gap:16px;padding:20px;border:2px dashed var(--jv-border-strong);border-radius:16px;background:var(--jv-canvas-soft);transition:border-color .2s,background .2s}
.jv-drop:hover,.jv-drop.is-over{border-color:var(--jv-mint-strong);background:var(--jv-mint-soft)}
.jv-drop.has-file{border-style:solid;border-color:var(--jv-mint-strong)}
.jv-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.jv-drop__icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--jv-surface);color:var(--jv-navy)}
.jv-drop__icon svg{width:24px;height:24px}
.jv-drop__text{color:var(--jv-ink-soft);line-height:1.4}
.jv-drop__text strong{color:var(--jv-ink)}
.jv-drop__text small{display:block;margin-top:4px;font:500 .8rem var(--jv-font-mono);color:var(--jv-ink-mute)}
.jv-field.has-error .jv-drop{border-color:var(--jv-danger)}
html.dark .jv-drop:hover,html.dark .jv-drop.is-over{background:rgba(144,208,186,.08)}
html.dark .jv-rtab__icon,html.dark .jv-rpanel__badge{background:rgba(144,208,186,.12);color:var(--jv-mint)}
html.dark .jv-rpanel__icon{background:var(--jv-mint-strong);color:#0e1838}
html.dark .jv-rpanel h4{color:var(--jv-mint)}
html.dark .jv-rpanel__must{background:linear-gradient(135deg,rgba(144,208,186,.1),transparent)}
html.dark .jv-rpanel li i{color:#0e1838}
html.dark .jv-rpanel ul.is-nice li i{background:rgba(255,255,255,.06);color:var(--jv-mint)}
@media (max-width:1000px){.jv-roles{grid-template-columns:1fr}.jv-roles__tabs{position:static;display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;scroll-snap-type:x mandatory}.jv-rtab{flex:0 0 auto;width:auto;min-width:240px;scroll-snap-align:start}.jv-rtab__arrow{display:none}.jv-rpanel{padding:26px 22px}}
@media (max-width:640px){.jv-rpanel__must ul,.jv-rpanel__cols{grid-template-columns:1fr}.jv-rpanel__head{flex-direction:column;align-items:flex-start}.jv-rpanel h3{font-size:1.4rem}}
@media (prefers-reduced-motion:reduce){.js-roles .jv-rpanel{animation:none}.jv-rtab,.jv-rtab__arrow svg{transition:none}}