/* JobLink identity approved with FV C and logo E. The original PNG is unchanged. */
:root{--ink:#19384c;--teal:#087f8c;--muted:#586d7b;--line:#e1e9ed;--white:#fff;--bg:#fff}
.brand{display:block;width:184px;max-width:100%;padding:0;margin:0;line-height:0;flex-shrink:0}
/* Show the wordmark's own bounds; keep the selected artwork and its proportions. */
.brand-viewport{display:block;position:relative;width:100%;aspect-ratio:1565 / 452;overflow:hidden;background:#fff}
.brand-logo{display:block;position:absolute;width:138.78595%;max-width:none;height:auto;left:-19.42492%;top:-33.84956%;margin:0;padding:0;border:0}
.sidebar>.brand{margin-left:6px;width:calc(100% - 12px)}
.sidebar .workspace-label{margin-top:28px}
.sidebar .side-note b{display:block;max-width:160px;color:var(--ink);font-size:13px;line-height:1.9;letter-spacing:0}
.sidebar .side-note p{font-size:11px;line-height:1.9}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.8}
.workspace-footer>span{float:none;display:block;margin:0}
.workspace-footer .footer-brand{font-weight:600;color:var(--ink)}
.registration-page>.brand{width:210px;margin-bottom:30px}
.welcome>.brand{width:240px;margin:0 auto 28px}
.welcome>h1{color:var(--ink)}
/* WordPress owns the login heading link. Use the same approved artwork. */
body.login{background:#fff;color:var(--ink)}
.login h1 a{display:block;position:relative;width:260px;max-width:100%;height:auto;aspect-ratio:1565 / 452;margin:0 auto 28px;overflow:hidden;text-indent:-9999px;white-space:nowrap;line-height:0;font-size:0;letter-spacing:0}
.login h1 a::before{content:'';display:block;position:absolute;left:-19.42492%;top:-33.84956%;width:138.78595%;height:160.17699%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:url('./joblink-wordmark-e.png') center / 100% 100% no-repeat}
.jl-login-heading p{font-size:14px;line-height:1.9;color:var(--ink)}
.login label{color:var(--ink)}
.login .button-primary{background:var(--teal);border-color:var(--teal)}
.login .button-primary:hover,.login .button-primary:focus{background:#066571;border-color:#066571}
@media(max-width:760px){
 .sidebar>.brand{width:168px;margin-left:0}
 .sidebar .workspace-label{margin:12px 0 0}
 .workspace-footer{align-items:flex-start;gap:5px;padding:18px;font-size:11px}
 .workspace-footer>span{flex-basis:100%}
 .registration-page>.brand{width:190px}
 .welcome>.brand{width:220px}
}
@media(max-width:380px){
 .welcome{padding:20px}
 .welcome>h1{font-size:28px}
 .login h1 a{width:230px}
 .jl-login-heading p{font-size:13px}
}

/* Auth entry: center the complete stack vertically without clipping long screens. */
.welcome{width:min(100%,750px);min-height:100vh;min-height:100svh;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.welcome>.welcome-note{width:100%}
.welcome>p:last-child{margin-bottom:0}
/* Registration: centered logo, kicker, title and introduction; form labels stay readable. */
.registration-page>.brand{margin:0 auto 28px}
.registration-page>.page-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.registration-page>.page-heading>.heading-actions:empty{display:none}
@media(max-width:760px){.welcome{padding:32px 20px}.registration-page>.brand{margin-bottom:24px}}

.contact-panel form>label{margin-bottom:22px}.contact-panel textarea{resize:vertical;min-height:180px}.contact-honeypot{display:none}.contact-consent{align-items:flex-start}.contact-panel .check input{flex:0 0 auto}.contact-back,.contact-fallback{text-align:center}.contact-success{text-align:center;padding:28px 0}.contact-success h2{margin-bottom:16px}.contact-success p{line-height:1.9}.welcome .contact-link{margin-top:14px}.jl-contact-link{text-align:center;font-size:13px;line-height:1.8;margin:20px auto 28px}.jl-contact-link a{color:var(--teal)}