:root {
--brand-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--color-heading-gray: #525b65;
--color-heading-blue: #1d2a38;
--color-subheading:  #004e97;
--color-paragraph:   #2a3c50;
--color-overlay: rgba(0,0,0,.5);
--color-bg: #ffffff;

--cta-employer: #004e97;
--cta-employer-hover: #003d77;
--cta-seeker:  #1d2a38;
--cta-seeker-hover: #15202c;
--cta-text: #ffffff;

--radius: 20px;
--shadow: 0 20px 60px rgba(0,0,0,.18);
--card-maxw: 600px;
}

#jobrx-popup[open]{display:flex;}
#jobrx-popup{
position:fixed; inset:0; z-index:9999; display:none;
align-items:center; justify-content:center;
background:var(--color-overlay);
	width: 100%;
    height: 100%;
}

.jobrx-card{
background:var(--color-bg);
color:var(--color-paragraph);
width:min(92vw,var(--card-maxw));
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:24px;
font-family:var(--brand-font);
animation:jobrx-in .4s ease-out;
position:relative;
outline:none;
}

@keyframes jobrx-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

.jobrx-close{
position:absolute;top:10px;right:12px;border:0;background:transparent;
cursor:pointer;font-size:20px;color:var(--color-heading-gray);
}

.jobrx-title{
font-size:clamp(18px,2.4vw,24px);
font-weight:700;
color:var(--color-heading-blue);
margin:6px 0 8px;
}

.jobrx-sub{
font-size:clamp(14px,1.9vw,16px);
color:var(--color-subheading);
font-weight:600;
margin:0 0 4px;
}

.jobrx-body{
font-size:clamp(14px,1.9vw,16px);
line-height:1.55;
color:var(--color-paragraph);
margin-bottom:16px;
}

.jobrx-cta{
display:block;width:100%;text-align:center;color:var(--cta-text);
padding:12px 16px;border-radius:12px;font-weight:600;text-decoration:none;
}

.desktop-only{display:none;}
.touch-only{display:block;}
.jobrx-card .jobrx-sub {
    line-height: 1;
    margin-bottom: 10px;
}
a.jobrx-cta.desktop-only.cta-employer,a.jobrx-cta.cta-seeker,a.jobrx-cta.cta-employer {
    line-height: 1;
    border-radius: 5px;
}
a.jobrx-cta.desktop-only.cta-employer:hover,a.jobrx-cta.cta-seeker:hover,a.jobrx-cta.cta-employer:hover {
    background-color:#000;
	color:#fff;
}
.jobrx-card {
    text-align: center;
}

@media(min-width:1024px){
.desktop-only{display:block;}
.touch-only{display:none;}
}

@media(min-width:768px) and (max-width:1023px){
.jobrx-cta-row{display:flex;gap:12px;}
.jobrx-cta-row .jobrx-cta{flex:1;}
}
@media(max-width:767px){
.jobrx-cta+.jobrx-cta{margin-top:10px;}
}
.cta-employer{background:var(--cta-employer);}
.cta-employer:hover{background:var(--cta-employer-hover);}
.cta-seeker{background:var(--cta-seeker);}
.cta-seeker:hover{background:var(--cta-seeker-hover);}
.jobrx-privacy{margin-top:12px;font-size:12px;color:var(--color-heading-gray);}