/* Public header 2.10.19. All account actions share server-side destinations and permissions. */
:root{--header-height:76px}
.site-header.jobbol-header{--header-link:#0000cc;position:sticky;top:0;z-index:40;min-height:var(--header-height);height:auto;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 1px 6px rgb(23 35 65 / 5%)}
html[data-theme=dark] .site-header.jobbol-header{--header-link:var(--link)}
.site-header.jobbol-header .header-inner{position:static;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(var(--wrap),calc(100% - 2 * var(--page-gutter)));min-height:var(--header-height);height:auto;margin:0 auto;padding:0}
.site-header.jobbol-header .brand{grid-column:1;grid-row:1;display:block;flex:none;margin:0;line-height:1;justify-self:start}
.site-header.jobbol-header .brand img{width:128px;height:40px;object-fit:contain}
.site-header.jobbol-header .primary-nav{grid-column:2;grid-row:1;position:static;display:block;flex:none;min-width:0;max-height:none;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:transparent;overflow:visible}
.jobbol-header .header-nav-links{display:flex;align-items:center;gap:14px;min-width:0}
.site-header.jobbol-header .header-nav-links>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:5px 0;border:0;border-radius:4px;color:var(--muted);font-size:13.8px;font-weight:550;line-height:1.5;white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:7px;background:transparent}
.site-header.jobbol-header .header-nav-links>a:is([aria-current=page],:hover,:focus-visible){color:var(--header-link);text-decoration-color:var(--header-link);background:transparent}
.site-header.jobbol-header .primary-nav .header-nav-links>a::after{content:none;display:none}
.jobbol-header .header-nav-links>a>.icon{display:block;width:20.7px;height:20.7px;flex:none;stroke-width:1.65}
.jobbol-header .header-nav-chevron,.jobbol-header .header-panel-extras{display:none}
.site-header.jobbol-header .header-tools{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:4px;margin:0;min-width:0}
.site-header.jobbol-header .header-tools .icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;height:44px;margin:0;padding:10px;border:0;border-radius:7px;color:var(--muted);background:transparent;line-height:1.5}
.site-header.jobbol-header .header-tools .icon-button:hover{background:var(--tint);color:var(--header-link)}
.jobbol-header .header-tools .icon-button>.icon{width:22px;height:22px;flex:none}
.site-header.jobbol-header .location-name{display:block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;color:var(--muted)}
.site-header.jobbol-header .header-tools .language-form{position:relative;margin:0;flex:none;min-width:56px}
.site-header.jobbol-header .header-tools .language-form select.language{width:62px;min-width:62px;max-width:62px;min-height:44px;padding:7px 24px 7px 7px;border:0;border-radius:0;font-size:14px;font-weight:600;box-shadow:none;background-color:transparent;color:var(--ink)}
.site-header.jobbol-header .header-tools .language-trigger{min-width:54px;min-height:44px;padding:8px 6px;gap:8px;font-size:13px;white-space:nowrap}
.jobbol-header .language-trigger>.language-code{text-underline-offset:7px;text-decoration-color:var(--header-link)}
.jobbol-header .language-trigger>.icon{width:13px;height:13px}
.site-header.jobbol-header .header-account-actions{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;margin:0;padding:0 0 0 12px;border:0;border-inline-start:1px solid var(--line)}
.site-header.jobbol-header .header-account-session{display:flex;align-items:center;gap:8px;min-width:0}
.site-header.jobbol-header .header-account-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:10px 10px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;box-shadow:none;text-decoration:none}
.site-header.jobbol-header .header-account-actions--guest .header-account-session>:is(.employer-cta,.create-account-link){width:156px;min-width:156px;flex:0 0 156px}
html body .site-header.jobbol-header .create-account-link{background:#0000cc;border-color:#0000cc;color:#fff}
html body .site-header.jobbol-header .create-account-link:hover{background:#0000a6;border-color:#0000a6;color:#fff}
html body .site-header.jobbol-header .employer-cta{background:#cd29c0;border-color:#cd29c0;color:#fff}
html body .site-header.jobbol-header .employer-cta:hover{background:#b420a8;border-color:#b420a8;color:#fff}
.site-header.jobbol-header .signin{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:0;padding:8px 4px;border:0;border-radius:7px;background:transparent;color:var(--header-link);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;text-decoration:none}
.site-header.jobbol-header .signin:hover{color:var(--header-link);background:var(--tint);text-decoration:underline;text-underline-offset:4px}
.jobbol-header :is(.header-account-actions,.header-panel-session,.header-panel-employers) .icon{width:18px;height:18px;flex:none;stroke-width:1.65}
.site-header.jobbol-header .header-signout{display:flex;margin:0}
.site-header.jobbol-header .header-account-actions .account-link{background:var(--tint);border-color:var(--line);color:var(--header-link)}
.site-header.jobbol-header .menu-toggle{grid-column:5;grid-row:1;display:none;align-items:center;justify-content:center;justify-self:end;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:7px;color:var(--muted);background:transparent}
.jobbol-header .menu-toggle:hover{background:var(--tint);color:var(--header-link)}
.jobbol-header .menu-toggle>.icon{width:23px;height:23px}.jobbol-header .menu-toggle>.icon-close{display:none}.jobbol-header .menu-toggle[aria-expanded=true]>.icon-menu{display:none}.jobbol-header .menu-toggle[aria-expanded=true]>.icon-close{display:block}
.jobbol-header :is(a,button,select):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:1439px){
 .site-header.jobbol-header .header-inner{width:min(var(--wrap),calc(100% - 2 * var(--page-gutter)));grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px}
 .site-header.jobbol-header .brand img{width:132px;height:42px}
 .site-header.jobbol-header .header-tools{grid-column:2}
 .site-header.jobbol-header .header-account-actions{grid-column:3;gap:8px;padding-inline-start:12px}
 .site-header.jobbol-header .header-account-session{gap:6px}
 .site-header.jobbol-header .header-account-actions .button{font-size:12px;padding:10px 11px}
 .site-header.jobbol-header .menu-toggle{grid-column:4}
 .site-header.jobbol-header[data-header-ready] .menu-toggle{display:inline-flex}
 .site-header.jobbol-header .primary-nav{grid-column:1/-1;grid-row:2;display:block;width:auto;max-height:none;padding:14px 0 18px;background:var(--paper);overflow-y:auto;overscroll-behavior:contain}
 .site-header.jobbol-header[data-header-ready] .primary-nav{position:absolute;inset-inline:0;top:100%;grid-column:auto;grid-row:auto;padding:12px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);max-height:calc(min(100dvh,var(--viewport-height,100dvh)) - var(--header-height));scrollbar-gutter:stable}
 .jobbol-header .header-nav-links{display:grid;gap:7px;width:100%;max-width:var(--wrap);margin-inline:auto}
 .site-header.jobbol-header .header-nav-links>a{display:flex;gap:14px;min-height:48px;padding:11px 13px;border-radius:7px;text-decoration:none;font-size:14.95px;line-height:1.6;white-space:normal}
 .site-header.jobbol-header .header-nav-links>a:is([aria-current=page],:hover,:focus-visible){background:var(--tint);color:var(--header-link);text-decoration:none}
 .jobbol-header .header-nav-links>a>.icon{width:24.15px;height:24.15px}
 .jobbol-header .header-nav-chevron{display:block;flex:none;margin-inline-start:auto;color:inherit}.jobbol-header .header-nav-chevron>.icon{width:16px;height:16px}
}
@media(max-width:1100px) and (min-width:901px){.site-header.jobbol-header .location-name{display:none}.site-header.jobbol-header .header-tools{gap:2px}.site-header.jobbol-header .header-tools .language-trigger{min-width:54px}}
@media(max-width:900px){
 :root{--header-height:68px}
 .site-header.jobbol-header .header-inner{width:min(var(--wrap),calc(100% - 2 * var(--page-gutter)));grid-template-columns:auto minmax(0,1fr) 44px;gap:8px;min-height:var(--header-height);padding-top:env(safe-area-inset-top)}
 .site-header.jobbol-header .brand img{width:120px;height:38px}
 .site-header.jobbol-header .header-tools{grid-column:2;gap:2px}
 .site-header.jobbol-header .header-tools .location-control{display:none}
 .site-header.jobbol-header .header-tools .language-form{min-width:54px}
 .site-header.jobbol-header .header-tools .language-trigger{min-width:54px;font-size:13px;padding:8px 5px;gap:6px}
 .site-header.jobbol-header .header-tools .language-form select.language{width:58px;min-width:58px;max-width:58px}
 .site-header.jobbol-header .header-account-actions{display:none}
 .site-header.jobbol-header .menu-toggle{grid-column:3}
 .site-header.jobbol-header[data-header-ready] .primary-nav{padding:12px 16px max(18px,env(safe-area-inset-bottom));max-height:calc(min(100dvh,var(--viewport-height,100dvh)) - var(--header-height))}
 .jobbol-header .header-panel-extras{display:block;margin-top:14px}
 .jobbol-header .header-location-row{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin:0;padding:12px 13px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);text-align:start;font-family:inherit;font-size:13px;line-height:1.6}
 .jobbol-header .header-location-row>.icon{width:22px;height:22px;flex:none}.jobbol-header .header-location-label{min-width:0;overflow-wrap:anywhere}.jobbol-header .header-location-change{margin-inline-start:auto;padding-inline-start:8px;color:var(--header-link);font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
 .jobbol-header .header-panel-session{display:grid;gap:10px;padding:18px 0}
 .site-header.jobbol-header .header-panel-session>:is(a,form),.site-header.jobbol-header .header-panel-session>.header-signout>button{width:100%;min-height:46px}
 .site-header.jobbol-header .header-panel-session>a.button,.site-header.jobbol-header .header-panel-employers>a.button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:11px 14px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.6;text-decoration:none}
 .site-header.jobbol-header .header-panel-session>.signin,.site-header.jobbol-header .header-panel-session>.header-signout>button{min-height:46px;padding:10px 14px;border:1px solid var(--header-link);border-radius:8px;background:transparent;color:var(--header-link);font-size:13px;text-decoration:none}
 .site-header.jobbol-header .header-panel-session>.account-link{border-color:var(--line);background:var(--tint);color:var(--header-link)}
 .jobbol-header .header-panel-employers{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.jobbol-header .header-panel-employers>.eyebrow{margin:0;padding:0 2px;color:var(--muted);font-size:10px;letter-spacing:.06em;font-weight:600;line-height:1.6}
}
@media(max-width:360px){.site-header.jobbol-header .header-inner{width:min(var(--wrap),calc(100% - 2 * var(--page-gutter)));gap:4px}.site-header.jobbol-header .brand img{width:106px;height:36px}.site-header.jobbol-header .header-tools .language-trigger{min-width:50px}}
@media(prefers-reduced-motion:reduce){.jobbol-header *{transition:none!important}}

/* Location preferences: equal actions share the full width of the city field. */
#location-dialog #preference-form>.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:center;gap:12px;width:100%;max-width:100%;margin-inline:auto}
#location-dialog #preference-form>.button-row>.button{width:100%;min-width:0;min-height:52px;height:auto;align-self:stretch;justify-content:center;flex-wrap:wrap;row-gap:4px;padding:11px 10px;line-height:1.45;text-align:center;white-space:normal;overflow-wrap:anywhere}
#location-dialog #clear-location{font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-skip-ink:auto}
@media(max-width:480px){#location-dialog #preference-form>.button-row{gap:10px}#location-dialog #preference-form>.button-row>.button{font-size:12px;padding-inline:8px;column-gap:6px}#location-dialog #use-location>.icon{width:18px;height:18px}}
