/* Careers (rounds 16-17). The captain preferred the page as it was, so it is back to its own look
   (frame lines, crosshairs, the team list on the left, no shader; the shader lives on the Apply
   page only). Kept from round 16: the round plus button, and the Apply hover that no longer flashes
   dark (a gradient cannot be transitioned, so the old swap passed through a grey frame). */
.co-ctl{border:0!important;border-radius:999px!important;background:rgb(255 255 255 / .06);box-shadow:inset 0 1px 0 rgb(255 255 255 / .12)}
.co-role summary:hover .co-ctl{background:rgb(143 179 203 / .14)}
.co-apply-btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease!important}
.co-apply-btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;opacity:0;transition:opacity .35s ease}
.co-apply-btn:hover{background:linear-gradient(180deg,#f7fafc,#dfe7ed)!important;color:#0d1013!important;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .9),0 .75rem 1.75rem -.5rem rgb(140 196 240 / .45)!important}
.co-apply-btn:hover::before{opacity:.6}
/* round 17: View more inside each role, and the Android role */
.co-view{margin:0 0 1.5rem;border-radius:16px;background:rgb(255 255 255 / .03);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08)}
.co-view>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font:500 .9375rem/1 'DM Sans',sans-serif;color:#eef3f6}
.co-view>summary::-webkit-details-marker{display:none}
.co-view>summary::after{content:"";width:.5rem;height:.5rem;border:solid #8fb3cb;border-width:0 1.5px 1.5px 0;rotate:45deg;translate:0 -2px;transition:rotate .35s cubic-bezier(.22,1,.36,1)}
.co-view[open]>summary::after{rotate:225deg;translate:0 2px}
.co-view>summary:hover{color:#fff}
.co-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:.25rem 1.25rem 1.25rem}
.co-more h4{margin-bottom:.75rem;font:600 var(--text-sm,.875rem)/1.2 'DM Sans',sans-serif;color:var(--ink)}
.co-more ul,.co-more ol{display:grid;gap:.5rem;margin:0;padding:0}
.co-more ul{list-style:none}.co-more ul li{position:relative;padding-left:1.125rem}
.co-more ul li::before{content:"";position:absolute;left:0;top:.75em;width:.5rem;height:1px;background:#8fb3cb}
.co-more li,.co-more p{font-size:var(--text-sm,.875rem);line-height:1.55;color:var(--body)}
.co-steps{list-style:none;counter-reset:st}.co-steps li{counter-increment:st;position:relative;padding-left:1.75rem}
.co-steps li::before{content:counter(st);position:absolute;left:0;top:.05em;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;font:600 .6875rem/1 'DM Sans',sans-serif;color:#0e1114;background:#8fb3cb}
@media(max-width:820px){.co-more{grid-template-columns:1fr}}
/* round 18: the role toggle is the app's plus, plain (no glass disc, no border), and it turns into
   a minus as the role opens; "View more" opens and closes with the same height animation as the roles */
.co-ctl{background:none!important;box-shadow:none!important;border:0!important}
.co-role summary:hover .co-ctl{background:none!important}
.co-ctl i{width:1.0625rem!important;height:1.5px!important;margin:-.75px 0 0 -.53125rem!important;border-radius:0!important;background:#eef3f6!important}
.co-role.is-open .co-ctl,body:not(.co-js) .co-role[open] .co-ctl{background:none!important}
.co-view-body{overflow:hidden}
/* round 19: the toggle is the app's plus glyph (site.css .t-plus), the same size as on the home page */
.co-ctl{display:grid!important;place-items:center}
.co-ctl .t-plus{width:1.125rem;height:1.125rem}
.co-role.is-open .co-ctl,body:not(.co-js) .co-role[open] .co-ctl{rotate:0deg!important}
.co-role.is-open .co-ctl .t-plus .v,body:not(.co-js) .co-role[open] .co-ctl .t-plus .v{transform:rotate(90deg) scaleY(0);opacity:0}