/* Careers page. Builds on style.css and consulting.css; only what those do not already provide. */

/* number in front of a row, same look as the small index labels used elsewhere */
.career-num{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--teal);padding-top:14px}
.career-facts{margin:22px 0 0}
.career-facts>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.career-facts>div:last-child{border-bottom:1px solid var(--line)}
.career-facts dt{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);padding-top:2px}
.career-facts dd{margin:0;font-size:14px;line-height:1.7;color:var(--text)}
.career-role h4{font-family:var(--heading);font-size:22px;font-weight:450;color:var(--ink);margin:34px 0 14px}
.career-list{list-style:none;margin:0;padding:0}
.career-list li{position:relative;padding:10px 0 10px 22px;border-top:1px solid var(--line);font-size:14px;line-height:1.75;color:var(--text)}
.career-list li:first-child{border-top:0;padding-top:0}
.career-list li::before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;background:var(--blue)}
.career-list li:first-child::before{top:9px}
.career-apply{margin-top:40px}
.career-apply>p{margin:0}
.career-apply-buttons{display:flex;flex-wrap:wrap;gap:12px}
.career-apply-buttons .button{margin-top:22px}
.career-alt{font-size:13px;margin:22px 0 0}
.career-closed p{margin:0}

/* one dropdown per open role */
.career-items{border-top:1px solid var(--line)}
.career-item{border-bottom:1px solid var(--line);scroll-margin-top:100px}
.career-item summary{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,.8fr) 28px;gap:20px;align-items:start;padding:34px 0;cursor:pointer;list-style:none}
.career-item summary::-webkit-details-marker{display:none}
.career-item summary h3{font-size:26px;margin:0}
.career-item summary .career-meta{font-size:13px;font-weight:600;color:var(--blue);margin:0;padding-top:8px}
.career-toggle{width:10px;height:10px;margin:12px 0 0 6px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .2s}
.career-item[open] .career-toggle{transform:rotate(-135deg);margin-top:18px}
.career-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.career-item .career-role{padding:0 0 44px 116px;max-width:900px}

@media(max-width:700px){
  .career-item summary{grid-template-columns:1fr 28px;gap:6px 12px;padding:26px 0}
  .career-item summary .career-num{grid-column:1 / -1;padding-top:0}
  .career-item summary h3{grid-column:1}
  .career-item summary .career-meta{grid-column:1;padding-top:0}
  .career-item summary .career-toggle{grid-column:2;grid-row:2 / span 2}
  .career-item .career-role{padding:0 0 36px}
  .career-facts>div{grid-template-columns:1fr;gap:4px}
  .practice-list>article .career-num{padding-top:0}
}