/* Catalyst information-page navigation and level refinements — v2 */
.pp-header{overflow:visible}
.pp-head{grid-template-columns:190px minmax(0,1fr) auto;overflow:visible}
.pp-desktop-nav{display:flex;align-items:center;justify-content:center;gap:13px;overflow:visible}
.pp-nav-item{position:relative;display:flex;align-items:center;padding-block:24px;margin-block:-24px}
.pp-nav-main{display:inline-flex;align-items:center;min-height:42px}
.pp-nav-arrow{width:25px;height:36px;padding:0;border:0;background:transparent;color:var(--pp-blue);font:900 18px/1 Arial;cursor:pointer}
.pp-menu{position:absolute;top:calc(100% - 1px);inset-inline-start:0;width:280px;padding:12px;background:#fff;border:1px solid var(--pp-line);border-radius:14px;box-shadow:0 18px 45px rgba(8,47,78,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:.16s ease;z-index:1000}
.pp-nav-item:hover>.pp-menu,.pp-nav-item:focus-within>.pp-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.pp-menu a{display:flex!important;align-items:center;min-height:43px;padding:8px 10px!important;border-radius:8px;white-space:normal!important;line-height:1.3}
.pp-menu a:hover{background:var(--pp-mist)}
.pp-exams-nav .pp-menu{inset-inline-start:50%;transform:translate(-50%,7px)}
.pp-exams-nav:hover>.pp-menu,.pp-exams-nav:focus-within>.pp-menu{transform:translate(-50%,0)}
[dir=rtl] .pp-exams-nav .pp-menu{transform:translate(50%,7px)}
[dir=rtl] .pp-exams-nav:hover>.pp-menu,[dir=rtl] .pp-exams-nav:focus-within>.pp-menu{transform:translate(50%,0)}
.pp-mega-menu{width:min(980px,calc(100vw - 44px));display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px 24px;padding:22px}
.pp-mega-menu section{display:grid;align-content:start;gap:3px}
.pp-mega-menu section strong{display:block;color:var(--pp-blue);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:0 10px 7px;border-bottom:1px solid var(--pp-line);margin-bottom:4px}
.pp-mega-menu .pp-menu-all{grid-column:1/-1;justify-content:center;background:var(--pp-navy);color:#fff!important;margin-top:5px}
.pp-mobile-nav{display:none;position:relative}
.pp-mobile-nav summary{cursor:pointer;font-size:26px;list-style:none}
.pp-mobile-nav>div{position:absolute;inset-inline-end:0;top:45px;width:min(330px,calc(100vw - 30px));max-height:72vh;overflow:auto;background:#fff;border:1px solid var(--pp-line);border-radius:13px;padding:10px;box-shadow:0 18px 40px rgba(8,47,78,.2)}
.pp-mobile-nav a{display:block;padding:11px;color:var(--pp-ink);font-weight:800;border-bottom:1px solid var(--pp-line)}
.pp-breadcrumb a{color:inherit}
.pp-hero .pp-price{color:#fff}
.pp-level-grid{align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.pp-responsibilities{counter-reset:role;padding:0;margin:8px 0 20px;list-style:none;display:grid;gap:10px}
.pp-responsibilities li{counter-increment:role;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;background:var(--pp-pale);color:var(--pp-ink);font-weight:700}
.pp-responsibilities li:before{content:counter(role);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pp-teal);color:var(--pp-navy);font-weight:900}
.pp-role-fit{margin-top:auto;padding-top:15px;border-top:1px solid var(--pp-line)}
.pp-competency-card{text-align:center}
.pp-competencies{margin-top:15px;flex:1}
.pp-competencies li{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;line-height:1.35;padding:14px}
.pp-competencies li>span{color:var(--pp-blue);font-size:19px}
.pp-competencies li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}

/* Contextual visual system shared by the public information pages. */
.pp-hero{position:relative;isolation:isolate;overflow:hidden}
.pp-hero:after{content:"";position:absolute;z-index:-1;inset:0 0 0 52%;background:linear-gradient(90deg,var(--pp-blue) 0%,rgba(7,89,156,.22) 38%,rgba(7,89,156,.08) 100%),url('/assets/images/catalyst-professional-journey.png') center/cover no-repeat;opacity:.66}
[dir=rtl] .pp-hero:after{inset:0 52% 0 0;background:linear-gradient(270deg,var(--pp-blue) 0%,rgba(7,89,156,.22) 38%,rgba(7,89,156,.08) 100%),url('/assets/images/catalyst-professional-journey.png') center/cover no-repeat}
.pp-hero .pp-shell{position:relative;z-index:1}
.pp-hero .pp-shell>*{max-width:760px}
.pp-card{height:100%;box-shadow:0 10px 28px rgba(8,47,78,.06);transition:transform .2s ease,box-shadow .2s ease}
.pp-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(8,47,78,.11)}
.pp-card h2,.pp-card h3{text-align:center}
.pp-card .pp-meta{justify-content:center}
.pp-card .pp-cta{align-self:center}

/* Navigation reliability hotfix: decorative layers never intercept links. */
.pp-header{z-index:10000!important}
.pp-header a,.pp-header button,.pp-card a,.pp-callout a{position:relative;z-index:20;pointer-events:auto!important}
.pp-card,.pp-callout{position:relative;isolation:isolate}
.pp-card:before,.pp-card:after,.pp-callout:before,.pp-callout:after,.pp-hero:before,.pp-hero:after{pointer-events:none!important}
[dir=rtl] .pp-responsibilities li{grid-template-columns:36px 1fr}
@media(max-width:1120px){.pp-head{grid-template-columns:170px 1fr auto;grid-template-areas:'logo nav actions'}.pp-desktop-nav{border:0!important;padding:0!important;gap:8px}.pp-desktop-nav a,.pp-actions a{font-size:12px!important}.pp-nav-item{padding-block:22px;margin-block:-22px}.pp-mega-menu{width:min(680px,calc(100vw - 30px))}}
@media(max-width:900px){.pp-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:'logo mobile';min-height:82px}.pp-logo{grid-area:logo;margin:0;width:185px}.pp-desktop-nav,.pp-actions{display:none!important}.pp-mobile-nav{display:block;grid-area:mobile}.pp-level-grid{grid-template-columns:1fr}}
@media(max-width:600px){.pp-mega-menu{grid-template-columns:1fr}.pp-responsibilities li{align-items:start}.pp-competencies li{min-height:64px}.pp-competencies li:last-child:nth-child(odd){grid-column:auto;width:100%}.pp-hero:after,[dir=rtl] .pp-hero:after{inset:0;opacity:.2}.pp-card h2,.pp-card h3{text-align:start}}
