/* The header and role work explorer deliberately use separate component names. */
.premium-header{position:sticky;top:0;z-index:100;overflow:visible}
.premium-header>.nav{width:min(1440px,calc(100% - 64px));min-height:84px;gap:24px}
.premium-header .desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto;flex-shrink:0}
.premium-header .nav-tools{margin-left:0;gap:12px;flex-shrink:0}
.premium-header .logo{min-width:0;gap:10px}.premium-header .logo img{width:58px;height:auto;flex-shrink:0}.premium-header .logo strong{font-size:22px}.premium-header .logo small{font-size:8px}
.premium-header .mobile-nav{display:none}.premium-header .header-cta{display:inline-flex;min-height:44px;padding:10px 16px}
.premium-header .language,.premium-header .nav-shortlist,.premium-header .mobile-nav>summary{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;list-style:none;text-decoration:none}
.premium-header .language{font-size:12px;font-weight:750}.premium-header .mobile-nav>summary{cursor:pointer;border:1px solid #d8e4e7;font-size:23px;padding:0}
.premium-header .mobile-nav>summary::-webkit-details-marker{display:none}
.premium-header .language:hover,.premium-header .nav-shortlist:hover,.premium-header .mobile-nav>summary:hover{background:#f8eaf0;color:#a92346}
.premium-header a:focus-visible,.premium-header summary:focus-visible{outline:3px solid #bf294d;outline-offset:4px}
.premium-header .mega-panel,.premium-header .engagement-menu-panel{display:block;max-height:calc(100dvh - var(--header-height) - 18px);overscroll-behavior:contain;scrollbar-gutter:stable}
.premium-header .mega-panel{width:min(1280px,calc(100vw - 64px));padding:26px}
.premium-header .engagement-menu-panel{width:360px;right:max(32px,calc((100vw - 1440px)/2));padding:12px;min-height:0}
.premium-header .engagement-menu-panel>a{align-items:flex-start;min-height:72px}.premium-header .engagement-menu-panel>a>span{min-width:0}.premium-header .engagement-menu-panel .icon{flex-shrink:0}
.premium-header .engagement-menu-panel strong{line-height:1.5;overflow-wrap:anywhere}
.premium-header .mobile-menu{top:100%;max-height:calc(100dvh - var(--header-height) - 10px);overscroll-behavior:contain;padding:20px max(22px,calc((100vw - 800px)/2));gap:4px;border-radius:0 0 18px 18px}
.premium-header .mobile-menu>a{padding:12px 14px;min-height:44px;border-radius:7px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.premium-header .mobile-menu .mega-knowledge-links{display:flex;flex-wrap:wrap;gap:5px 18px;padding:12px 14px;margin:0;border-block:1px solid #e0e8ed}
.premium-header .mobile-menu .mega-knowledge-links>a{font-size:13px;min-height:44px;display:flex;align-items:center}
.premium-header .mobile-menu a:hover{padding-left:14px}
.role-work-panel{position:relative;inset:auto;width:auto;max-height:none;overflow:visible;min-width:0}.role-work-panel>*{min-width:0}
.role-work-panel h3,.artifact-line strong{overflow-wrap:anywhere}
.crumb{display:flex;align-items:center;flex-wrap:wrap;line-height:1.6}.crumb>a{display:inline-flex;align-items:center;gap:6px}.crumb .icon{align-self:center}.crumb [aria-current]{min-width:0;overflow-wrap:anywhere}
.footer-grid>*,.footer-contact,.footer-contact>a{min-width:0}.footer-contact{display:grid;grid-template-columns:minmax(0,1fr)}.footer-contact strong{overflow-wrap:anywhere}
.page-hero h1{overflow-wrap:anywhere;hyphens:auto}.card h3,.knowledge-role-card h3,.profile-app-actions{overflow-wrap:anywhere}
.form input,.form select,.form textarea{min-width:0;max-width:100%}.form select{width:100%;text-overflow:ellipsis}
@media(max-width:1380px){.premium-header .desktop-nav{display:none}.premium-header .mobile-nav{display:block}.premium-header .nav-tools{margin-left:auto}.premium-header>.nav{min-height:78px}.premium-header .mega-panel,.premium-header .engagement-menu-panel{display:none}}
@media(max-width:760px){.premium-header>.nav{width:calc(100% - 40px);min-height:76px;gap:14px}.premium-header .header-cta{display:none}.premium-header .nav-tools{gap:8px}.premium-header .logo small{font-size:7px}.premium-header .logo img{width:48px}}
@media(max-width:520px){.premium-header>.nav{width:calc(100% - 24px);gap:6px}.premium-header .logo{gap:6px}.premium-header .logo img{width:40px}.premium-header .logo strong{font-size:18px}.premium-header .logo small{display:none}.premium-header .nav-tools{gap:2px}.premium-header .language{min-width:36px}.premium-header .nav-shortlist{font-size:20px;min-width:42px}.premium-header .nav-shortlist span{min-width:15px}.premium-header .mobile-menu{padding:16px 12px}.premium-header .mobile-nav>summary{min-width:42px}}
@media(prefers-reduced-motion:reduce){.premium-header .mega-panel,.premium-header .engagement-menu-panel,.premium-header .mobile-menu{animation:none}}

body:has(dialog[open]) .conversion-sidebar,body:has(.form:focus-within) .conversion-sidebar,body:has(.role-fit:focus-within) .conversion-sidebar,body:has(.engagement-builder:focus-within) .conversion-sidebar{display:none}
.compare-scroll table{min-width:960px}.compare-dialog{max-width:min(1180px,calc(100vw - 30px));max-height:calc(100dvh - 36px);overflow:auto}