/* Phone layout is based on CSS viewport or detected phone, including desktop-site mode. */
@media screen {
.m18-phone .x7-job-grid,.m18-phone .cards,.m18-phone .x7-company-columns,.m18-phone .x7-company-upload {grid-template-columns:minmax(0,1fr)!important;gap:12px}
.m18-phone .jobcard {width:100%;min-width:0;max-width:100%;box-sizing:border-box;grid-template-columns:56px minmax(0,1fr)!important;padding:14px!important;gap:6px 12px}
.m18-phone .jobcard>a.company-profile-link,.m18-phone .jobcard>a.company-profile-link img,.m18-phone .jobcard>a.company-profile-link .company-initial {width:56px!important;height:56px!important;min-height:0}
.m18-phone .jobcard>* {min-width:0;max-width:100%;overflow-wrap:anywhere}
.m18-phone .jobcard .chips {flex-wrap:wrap}
.m18-phone .x7-company-cover {height:130px!important}
.m18-phone .x7-company-title {display:grid!important;grid-template-columns:64px minmax(0,1fr);padding:14px!important;gap:12px!important}
.m18-phone .x7-company-title>div {min-width:0;overflow-wrap:anywhere}
.m18-phone .x7-company-title h2 {font-size:22px!important;line-height:1.35;margin:0 0 6px}
.m18-phone .x7-company-logo {width:64px!important;height:64px!important;min-width:0}
.m18-phone .x7-company-logo img {width:54px!important;height:54px!important}
.m18-phone .x7-company-columns .panel {margin:0}
.m18-phone .x6-actions {display:flex;flex-wrap:wrap;gap:8px}
}

/* Phone layout is based on CSS viewport or detected phone, including desktop-site mode. */
@media screen and (max-width:767px) {
html .x7-job-grid,html .cards,html .x7-company-columns,html .x7-company-upload {grid-template-columns:minmax(0,1fr)!important;gap:12px}
html .jobcard {width:100%;min-width:0;max-width:100%;box-sizing:border-box;grid-template-columns:56px minmax(0,1fr)!important;padding:14px!important;gap:6px 12px}
html .jobcard>a.company-profile-link,html .jobcard>a.company-profile-link img,html .jobcard>a.company-profile-link .company-initial {width:56px!important;height:56px!important;min-height:0}
html .jobcard>* {min-width:0;max-width:100%;overflow-wrap:anywhere}
html .jobcard .chips {flex-wrap:wrap}
html .x7-company-cover {height:130px!important}
html .x7-company-title {display:grid!important;grid-template-columns:64px minmax(0,1fr);padding:14px!important;gap:12px!important}
html .x7-company-title>div {min-width:0;overflow-wrap:anywhere}
html .x7-company-title h2 {font-size:22px!important;line-height:1.35;margin:0 0 6px}
html .x7-company-logo {width:64px!important;height:64px!important;min-width:0}
html .x7-company-logo img {width:54px!important;height:54px!important}
html .x7-company-columns .panel {margin:0}
html .x6-actions {display:flex;flex-wrap:wrap;gap:8px}
}