.recruitment-stage{isolation:isolate;border-bottom:1px solid var(--edge);background:var(--night);position:relative;overflow:hidden}.recruitment-stage-art{isolation:isolate;position:absolute;inset:0}.recruitment-stage-shade{z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--void) 94%, transparent), color-mix(in srgb, var(--void) 78%, transparent) 34%, color-mix(in srgb, var(--void) 16%, transparent) 62%, color-mix(in srgb, var(--void) 34%, transparent)), linear-gradient(0deg, color-mix(in srgb, var(--void) 80%, transparent), transparent 42%);position:absolute;inset:0}.recruitment-stage-inner{width:min(1440px,100%);min-height:380px;padding:var(--space-8) var(--gutter) var(--space-5);align-items:end;margin-inline:auto;display:grid;position:relative}.recruitment-stage-inner>header{margin-bottom:0}.recruitment-stage-inner>header>:first-child{max-width:min(62rem,48%)}.recruitment-page{padding-top:var(--section-gap)}@media (max-width:1100px){.recruitment-stage-art{height:min(56.25vw,320px);position:relative}.recruitment-stage-shade{background:linear-gradient(0deg, var(--night), color-mix(in srgb, var(--night) 40%, transparent) 30%, transparent 55%)}.recruitment-stage-inner{min-height:0;padding-block:var(--space-2) var(--space-5)}.recruitment-stage-inner>header>:first-child{max-width:62rem}}.application-steps{gap:var(--space-6)}.application-note,.application-target{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--edge-2);background:var(--sink);color:var(--text-2);border-left-width:3px;margin:0;line-height:1.5;display:flex}.application-note[data-raid-type=MAIN]{border-left-color:var(--raid-main)}.application-note[data-raid-type=GUILD]{border-left-color:var(--raid-guild)}.application-note strong,.application-target strong{color:var(--text)}.application-target{border-left-color:var(--text-3);color:var(--text)}.application-target>span{gap:var(--space-1);display:grid}.application-target small{color:var(--text-2);font-size:var(--fs-dense)}.recruitment-openings{gap:var(--space-3);display:grid}.recruitment-openings-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.recruitment-openings-head>h3{font-size:var(--fs-h3)}.recruitment-opening-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recruitment-opening{align-content:start;align-items:center;gap:var(--space-2) var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--edge-2);background:var(--stone-2);color:var(--text);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;display:grid}.recruitment-opening-identity{align-items:center;gap:var(--space-2);min-width:0;display:flex}.recruitment-opening-name{font:700 var(--fs-xl)/1.25 var(--cond);letter-spacing:var(--track-head);text-transform:uppercase;overflow-wrap:anywhere}.recruitment-opening-facts{align-items:center;gap:var(--space-1);color:var(--text-2);overflow-wrap:anywhere;flex-wrap:wrap;grid-column:1/-1;display:flex}.recruitment-opening:hover,.recruitment-opening:focus-visible{border-color:var(--text-3);background:var(--stone-3)}.recruitment-opening:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recruitment-opening[aria-pressed=true]{border-color:var(--raid-main);background:linear-gradient(160deg, var(--raid-main-bg), var(--stone-2) 75%);box-shadow:inset 0 0 0 1px var(--raid-main-line)}.recruitment-opening-go{align-items:center;gap:var(--space-1);color:var(--text-2);font:700 var(--fs-xs)/1 var(--cond);letter-spacing:var(--track-ui);text-transform:uppercase;margin-left:auto;display:inline-flex}.recruitment-opening[aria-pressed=true] .recruitment-opening-go{color:var(--raid-main)}.recruitment-opening-go .ui-icon{width:14px;height:14px}.recruitment-openings .actions>.button{max-width:100%;padding-block:var(--space-2);white-space:normal;text-align:center;line-height:1.2}.application-unsolicited{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.application-unsolicited>.field-hint{flex:24rem;margin:0}@media (max-width:900px){.recruitment-opening-grid{grid-template-columns:1fr}}@media (max-width:600px){.recruitment-opening{padding:var(--space-3)}.recruitment-opening-identity{flex-wrap:wrap}.recruitment-opening>:nth-child(2){align-self:start}}
