/* Public guild introduction; the private application conversation keeps its own layout. */
.recruitment-hero {
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    align-items:center;
    overflow:hidden;
    background:linear-gradient(135deg,#14242a,#10171b 65%,#171713);
    border-color:#53615e;
}
.recruitment-banner { display:block; min-width:0; }
.recruitment-banner img { display:block; width:100%; height:auto; }
.recruitment-intro { min-width:0; padding:clamp(22px,2.5vw,38px); color:#e0e5e3; }
.recruitment-intro .eyebrow { color:#a5c5ca; font-size:11px; line-height:1.7; letter-spacing:1.7px; }
.recruitment-intro h2 { margin:14px 0 18px; color:#e5eeeb; font:clamp(30px,3vw,46px)/1.1 Georgia,serif; text-wrap:balance; }
.recruitment-intro p:not(.eyebrow) { margin:12px 0; font-size:15px; line-height:1.75; }
.recruitment-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.recruitment-actions .button { white-space:normal; text-align:center; min-height:44px; }
.recruitment-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:28px 0; padding:8px 0; }
.recruitment-values article { padding:8px 24px; border-left:1px solid var(--trim); }
.recruitment-values article:first-child { padding-left:0; border-left:0; }
.recruitment-values article:last-child { padding-right:0; }
.recruitment-values h2 { margin:0 0 10px; color:var(--gold); font:20px/1.3 Georgia,serif; }
.recruitment-values p { margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.recruitment-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; align-items:start; }
.recruitment-layout > .php-section { min-width:0; margin:0 0 24px; padding:28px; }
.recruitment-form { scroll-margin-top:24px; }
.recruitment-form .eyebrow { font-size:11px; letter-spacing:1.5px; color:var(--gold); }
.recruitment-form h2 { margin-top:12px; font-size:28px; line-height:1.25; }
.recruitment-form > p,.recruitment-next p { font-size:14px; line-height:1.8; }
.recruitment-form .account-form { max-width:none; margin-bottom:0; }
.recruitment-form .account-form > label { font-size:14px; }
.recruitment-form textarea { resize:vertical; }
.recruitment-form .settings-disclosure summary { line-height:1.6; }
.recruitment-form .muted { font-size:13px; line-height:1.7; }
.recruitment-next h2 { font:24px/1.3 Georgia,serif; }
.recruitment-next ol { list-style:none; counter-reset:join-step; padding:0; margin:24px 0; }
.recruitment-next li { counter-increment:join-step; position:relative; padding-left:46px; margin:0 0 24px; }
.recruitment-next li::before { content:counter(join-step,decimal-leading-zero); position:absolute; left:0; top:0; color:var(--gold); font:21px/1.3 Georgia,serif; }
.recruitment-next li strong { font-size:15px; }
.recruitment-next li p { margin:6px 0 0; color:var(--muted); }
.recruitment-discord { border-top:1px solid var(--trim); padding-top:22px; }
.recruitment-discord h3 { margin:0 0 10px; font:21px/1.3 Georgia,serif; color:var(--gold); }
.recruitment-discord .text-link { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:1100px) {
    .recruitment-hero { grid-template-columns:1fr; }
    .recruitment-intro h2 br { display:none; }
    .recruitment-values article { padding-inline:16px; }
    .recruitment-layout { grid-template-columns:1fr; }
}
@media(max-width:600px) {
    .recruitment-intro { padding:24px 20px; }
    .recruitment-intro h2 { font-size:34px; }
    .recruitment-actions { flex-direction:column; }
    .recruitment-values { grid-template-columns:1fr; margin:20px 0; padding:0; }
    .recruitment-values article,.recruitment-values article:first-child,.recruitment-values article:last-child { padding:18px 4px; border-left:0; border-bottom:1px solid var(--trim); }
    .recruitment-layout { gap:0; }
    .recruitment-layout > .php-section { padding:22px 18px; }
    .recruitment-form h2 { font-size:25px; }
    .recruitment-form .account-form > button { width:100%; white-space:normal; }
}