/* Public Careers only. Loaded after the shared Portal head and Hiring styles.
 * Mirrors every Portal light-palette variable; re-check this list when Portal
 * adds theme tokens. Brand blue is reconciled to loyalcoffee.co's #3b5ca9.
 * Internal Careers and reviewer pages must never load this stylesheet. */
:root {
    color-scheme: light;
    --text-primary: #3b5ca9;
    --text-banner: white;
    --background-primary: white;
    --background-secondary: #e2ebff;
    --background-3: #c6d2ff;
    --background-banner: #3b5ca9;
    --text-button: white;
    --background-button: #3b5ca9;
    --text-button2: white;
    --background-button2: #eb9e91;
    --text-button3: #d07666;
    --background-button3: white;
    --border: #3b5ca9;
    --border-light: #3b5ca955;
    --text-error: #B84242;
    --loyal-pink: #f8d5cf;
    --loyal-blue: #c0ddef;
    --warn-yellow: var(--loyal-pink);
    --warn-red: #ff8c8c;
}
body.hiring-public-page {margin:0;background:#fafafa;color:var(--text-primary);font-family:ApercuRegular,Arial,sans-serif;}
.hiring-public-header {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:6.75rem;padding:20px 1.6875rem;background:white;color:var(--text-primary);box-sizing:border-box;}
.hiring-public-header * {box-sizing:border-box;}
.hiring-public-header a {color:inherit;text-decoration:none;}
.hiring-public-header__logo {display:flex;align-items:center;flex:0 1 26.775rem;min-width:180px;min-height:44px;}
.hiring-public-header__logo svg {display:block;width:100%;height:auto;max-height:1.40625rem;}
.hiring-public-header__nav {display:flex;align-items:center;justify-content:flex-end;gap:24px;}
.hiring-public-header__nav a {display:flex;align-items:center;min-height:44px;font-family:ApercuRegular,Arial,sans-serif;font-size:.73125rem;font-weight:400;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap;}
.hiring-public-header__nav a:hover,.hiring-public-header__nav a[aria-current="page"] {text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;}
.hiring-public-header a:focus-visible {outline:3px solid var(--text-primary);outline-offset:5px;}
.hiring-public-header__sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.hiring-public-page .hiring__app-account {justify-content:flex-end;gap:16px;margin:0 0 20px;}
.hiring-public-page .hiring__app-account button {min-height:44px;}
@media(max-width:850px) {
    .hiring-public-header {flex-direction:column;gap:12px;padding:22px 24px 12px;}
    .hiring-public-header__logo {flex:none;width:min(100%,360px);}
    .hiring-public-header__nav {justify-content:center;gap:24px;flex-wrap:wrap;}
}
@media(max-width:450px) {
    .hiring-public-header {padding:14px 16px 8px;gap:4px;}
    .hiring-public-header__logo {width:min(100%,310px);}
    .hiring-public-header__nav {column-gap:18px;row-gap:0;}
    .hiring-public-header__nav a {font-size:.6875rem;letter-spacing:1.4px;}
    .hiring-public-page .hiring__app-account {justify-content:space-between;}
}

/* Keep Careers first, with the main-site destinations grouped separately. */
.hiring-public-header__nav-group {display:flex;align-items:center;gap:24px;}
.hiring-public-header__divider {height:24px;border-left:1px solid var(--border-light);}
@media(max-width:650px) {
    .hiring-public-header__nav {flex-direction:column;gap:0;}
    .hiring-public-header__divider {display:none;}
    .hiring-public-header__nav-group--shop {border-top:1px solid var(--border-light);}
}