/* Carrera portal pages (slice G): join, home, benefits, agency. Tokens from marketcat-ui; logical properties for RTL. */
.career-page{display:grid;gap:16px;max-width:880px}
.career-page--home{max-inline-size:1120px;width:100%}
.career-page--narrow{max-width:560px}
.career-page .mc-page-header{margin-block-end:8px}
.career-card{display:grid;gap:16px;padding:24px}
.career-muted{color:var(--text-secondary)}
.career-small{font-size:var(--text-xs)}
.career-grow{flex:1;min-width:0}
.career-nowrap{white-space:nowrap}
.career-alert p{margin:0}
.career-alert{gap:12px}
.career-alert > svg{flex:0 0 auto;margin-block-start:2px}
.career-alert > div{display:grid;gap:8px;justify-items:start}

/* Join */
.career-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--text-secondary)}
.career-steps-item{padding-block-start:10px;border-block-start:3px solid var(--border)}
.career-steps-item[data-done="true"]{border-block-start-color:var(--accent)}
.career-steps-item[aria-current]{color:var(--text);font-weight:var(--weight-medium)}
.career-form{display:grid;gap:16px}
.career-form-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.career-form .v2-checks{display:flex;flex-wrap:wrap;gap:8px}
.career-form .v2-check{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding-inline:14px;border:1px solid var(--border-strong);border-radius:var(--radius-full);font-size:14px;font-weight:400;cursor:pointer}
.career-form .v2-check input{position:absolute;inline-size:1px;block-size:1px;min-height:0;margin:0;opacity:0}
.career-form .v2-check:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.career-form .v2-check:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.career-form .v2-help{font-size:13px;color:var(--text-secondary)}

/* Guest auth */
.career-auth-alert{box-sizing:border-box;width:100%;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}
.career-shell--guest .v2-field-error{color:var(--danger);font-size:13px}
.career-shell--guest input.mc-input:-webkit-autofill,.career-shell--guest input.mc-input:-webkit-autofill:hover,.career-shell--guest input.mc-input:-webkit-autofill:focus,.career-shell--guest input.mc-input:autofill{box-shadow:inset 0 0 0 1000px var(--surface);-webkit-box-shadow:inset 0 0 0 1000px var(--surface);-webkit-text-fill-color:var(--text);caret-color:var(--text)}
.career-auth-remember{display:flex;align-items:center;gap:var(--space-2);min-block-size:44px;color:var(--text-secondary);cursor:pointer}
.career-auth-link{color:var(--text-secondary);font-size:var(--text-sm);text-underline-offset:3px}
.career-auth-link:hover{color:var(--text)}
.career-shell--guest .v2-input-group{position:relative;display:flex;align-items:stretch;min-width:0}
.career-shell--guest .v2-input-group>.mc-input{flex:1;min-width:0;padding-inline-end:40px}
.career-shell--guest .v2-input-group__btn{position:absolute;inset-block:0;inset-inline-end:3px;margin-block:auto;inline-size:28px;block-size:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-tertiary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}
.career-shell--guest .v2-input-group__btn::before{content:"";position:absolute;inset:-8px}
.career-shell--guest .v2-input-group__btn:hover{color:var(--text);background:var(--bg-hover)}
.career-shell--guest .v2-input-group__btn:focus-visible{outline:none;color:var(--text);box-shadow:var(--focus-ring)}
.career-shell--guest .v2-password-toggle__hide,.career-shell--guest .v2-password-toggle[aria-pressed="true"] .v2-password-toggle__show{display:none}
.career-shell--guest .v2-password-toggle[aria-pressed="true"] .v2-password-toggle__hide{display:block}

/* Home */
.career-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;max-inline-size:1120px}
.career-level-identity{display:flex!important;grid-template-columns:none;align-items:center;gap:12px}
.career-level-number{display:grid;place-items:center;inline-size:44px;block-size:44px;flex:0 0 44px;border-radius:50%;background:var(--accent-subtle);color:var(--accent-text);font-size:var(--text-md);font-weight:var(--weight-semibold)}
.career-level-identity>div{display:grid;gap:4px}
.career-level-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.career-level-head > div{display:grid;gap:4px}
.career-level-name{margin:0;font-size:var(--text-lg)}
.career-next{margin:0}
.career-checklist,.career-next-steps,.career-ticks{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.career-checklist li{display:flex;align-items:center;gap:10px;min-height:28px}
.career-checklist li[data-met="1"] .career-check-icon{color:var(--success)}
.career-checklist li[data-met="0"] .career-check-icon{color:var(--text-tertiary)}
.career-or{padding-inline-start:30px;color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase}
.career-step{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none}
.career-step > span{display:grid;gap:2px}
a.career-step:hover{border-color:var(--border-strong)}
a.career-step:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring)}
@media(forced-colors:active){a.career-step:focus-visible{outline:2px solid Highlight;box-shadow:none}}
.career-report-page{margin-inline:auto;padding:1rem}
.career-report-page--index{max-inline-size:52rem}
.career-report-page--show{max-inline-size:42rem}
[dir="rtl"] .career-flip{transform:scaleX(-1)}

/* Benefits and agency */
.career-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.career-card[data-current]{border:2px solid var(--accent)}
.career-benefit-head{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--text-md)}
.career-ticks li{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm)}
.career-ticks svg{flex:0 0 auto;margin-block-start:2px}
.career-plan{align-content:start}
.career-price{margin:0;font-size:var(--text-xl);font-weight:var(--weight-semibold)}
.career-plan p{margin:0}
.career-expiring-warning{color:var(--warning);font-size:var(--text-xs);font-weight:var(--weight-medium)}
.career-locked{width:100%;background:var(--bg-muted);color:var(--text-disabled);border-color:transparent;cursor:not-allowed}
.career-empty{border:1px dashed var(--border);border-radius:var(--radius-lg)}
.career-empty p{margin:0}

@media(max-width:759px){.career-home-grid{grid-template-columns:minmax(0,1fr)}.career-level-head{align-items:flex-start}.career-card{padding:var(--space-4)}}

@media(max-width:759px){.career-card{padding:16px}.career-form-actions > *{flex:1 1 auto}}
