/* ---------- careers.html ----------
   Open-roles listing: department filter, expandable job descriptions.
   Lives in its own file rather than a <style> block because script-src/style-src-elem
   in _headers carry no 'unsafe-inline' — see the note at the top of maximum/_headers. */

.car-hero{padding-top:calc(var(--nav-h) + clamp(64px,10vw,150px));padding-bottom:clamp(28px,4vw,52px);position:relative;overflow:hidden;}
.car-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--live);display:inline-flex;align-items:center;gap:12px;}
.car-kicker .bar{width:30px;height:1px;background:var(--live);opacity:.6;}
.car-title{font-size:clamp(46px,8vw,120px);font-weight:500;letter-spacing:-.03em;line-height:.96;margin:20px 0 0;}
.car-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 28px;margin-top:clamp(30px,4vw,48px);}
.car-filter{display:flex;flex-direction:column;gap:8px;}
.cf-lab{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-faint);}
.car-filter select{appearance:none;-webkit-appearance:none;background:var(--ink);color:var(--paper);
  border:1px solid var(--line);border-radius:0;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;
  padding:11px 40px 11px 16px;cursor:pointer;min-width:220px;transition:border-color .2s;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23888" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>');background-repeat:no-repeat;background-position:right 14px center;}
.car-filter select:hover,.car-filter select:focus{border-color:var(--live);}
.role.hide{display:none;}
.roles-empty{display:none;padding:clamp(40px,6vw,80px) 0;font-family:var(--font-mono);font-size:14px;color:var(--paper-dim);letter-spacing:.04em;}
.roles-empty.show{display:block;}
.roles-empty a{color:var(--live);}
.role-howto{font-size:clamp(14px,1.3vw,16px);line-height:1.6;color:var(--paper-dim);}
.role-howto a{color:var(--live);text-decoration:none;border-bottom:1px solid rgba(99,230,160,.4);}
.role-howto a:hover{border-bottom-color:var(--live);}

.roles-section{padding-bottom:clamp(40px,5vw,64px);}
.roles{border-top:1px solid var(--line-soft);margin-top:clamp(40px,5vw,72px);}
.role{border-bottom:1px solid var(--line-soft);}
/* summary is a list-item by default; grid + no marker keeps the custom plus control. */
.role-head{width:100%;background:none;border:none;cursor:pointer;color:var(--paper);
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(16px,3vw,40px);
  padding:clamp(26px,3vw,42px) 0;text-align:left;transition:opacity .2s;font-family:inherit;
  list-style:none;}
.role-head::-webkit-details-marker{display:none;}
.role-head::marker{content:"";}
.role-head:hover{opacity:.75;}
.role-head:focus-visible{outline:2px solid var(--live);outline-offset:3px;border-radius:2px;}
.role-name{font-size:clamp(22px,2.5vw,38px);font-weight:500;letter-spacing:-.02em;line-height:1.05;}
.role-toggle{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;
  display:grid;place-items:center;color:var(--paper);transition:transform .3s,border-color .2s,background .2s;justify-self:end;}
.role-head:hover .role-toggle{border-color:var(--live);}
.role[open] .role-toggle{transform:rotate(45deg);border-color:var(--live);}
.role-toggle svg{width:15px;height:15px;}
.role-inner{padding:0 0 clamp(36px,4vw,56px);display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,40px);max-width:920px;}
.role-loc-meta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.role-loc-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.role-loclabel{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);}
.role-locline{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);}
.role-lead{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--paper-dim);}
.role-sec h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);margin:0 0 14px;font-weight:600;}
.role-sec ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.role-sec li{position:relative;padding-left:22px;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--paper-dim);}
.role-sec li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--live);border-radius:50%;}
.role-note{font-size:14px;line-height:1.6;color:var(--paper-faint);border-left:1px solid var(--line);padding-left:18px;}
@media (max-width:680px){
  .role-head{grid-template-columns:1fr auto;gap:14px;}
}
@media (prefers-reduced-motion:reduce){
  .role-toggle{transition:none;}
}