.hp-role-choices{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.hp-role-choices button{min-height:48px;padding:12px 20px;background:transparent;color:#173343;border:1px solid #8b9698;border-radius:8px;font:inherit;cursor:pointer}
.hp-role-choices button[aria-pressed=true]{background:#173343;color:#fff}
.hp-role-choices button:focus-visible{outline:3px solid #946b27;outline-offset:3px}
.hp-role-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;counter-reset:role-step}
.hp-role-steps li{border-top:2px solid #c6a66a;padding:20px 0;counter-increment:role-step}
.hp-role-steps h4{font-size:1.2rem;margin:0 0 12px}.hp-role-steps h4:before{content:counter(role-step) '. ';color:#805e26}
.hp-role-steps p{line-height:1.65;margin:0}.hp-role-story{padding-block:48px}
.connect-role-panel .hp-role-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
#roleAccountEntry{width:min(680px,100%);margin:20px auto 0;color:#f7f4ed;text-align:center}
#roleAccountEntry p{margin:0 0 18px;color:#f7f4ed;line-height:1.6;text-shadow:0 1px 3px #020914}
#roleAccountEntry button,#roleAccountEntry a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin:4px;padding:10px 16px;border:1px solid #aab7b7;border-radius:4px;background:#102637;color:#f7f4ed;font:700 .9rem/1.35 Arial,sans-serif;text-decoration:none;cursor:pointer}
#roleAccountEntry button.hp-button--secondary{border-color:transparent;background:transparent;text-decoration:underline}
#roleAccountEntry :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:3px}
.connect-role-panel .hp-role-actions a{padding:12px 16px;min-height:48px;border:1px solid currentColor;border-radius:8px;color:inherit}
.connect-role-panel .hp-role-actions button{min-height:48px;padding:12px 18px;border:1px solid #173343;border-radius:8px;background:transparent;color:#102637;font:600 1rem/1.4 Arial,sans-serif;cursor:pointer}
.connect-role-panel .hp-role-actions a:first-child{background:#c6a66a;color:#102637;border-color:#c6a66a;font-weight:700;text-decoration:none}
.audience-list strong{font-family:Arial,sans-serif;font-size:clamp(1.25rem,2.3vw,2rem)}
#connectRoles,#connectHow,#connectDemand{scroll-margin-top:90px}
.connect-one-landing[data-audience]:not([data-audience=buyer]):not([data-journey-started=true]) #connectGuided{display:none}
.connect-role-panel ol{line-height:1.6;padding-left:22px}.connect-role-panel li+li{margin-top:10px}
@media(max-width:767px){.hp-role-steps{grid-template-columns:1fr;gap:8px}.hp-role-story{padding-block:32px}.hp-role-choices button{flex:1 1 40%}}
/* Keep existing signed-in setup actions reachable inside the new action group. */
html body.connect-body.connect-one-page.hp2-core-connect.hp2-workspace-visible #connectRoles .connect-role-panel > .hp-role-actions{display:flex}
html body.connect-body.connect-one-page.hp2-core-connect.hp2-workspace-visible #connectRoles .hp-role-actions > a{display:none}
.public-stories.hp-role-story{width:100%;max-width:none;margin:0;background:#102637;color:#f7f4ed}
.hp-role-story-inner{width:min(100% - 80px,1220px);margin-inline:auto}
.public-stories .hp-role-choices button{color:#f7f4ed;border-color:#aebdc1}
.public-stories .hp-role-choices button[aria-pressed=true]{background:#d1b474;color:#102637;border-color:#d1b474}
.public-stories .hp-role-steps li{background:#173343;padding:22px;border-top-color:#d1b474}
.public-stories .hp-role-steps p,.public-stories .hp-role-story-inner>p:last-child{color:#e1e9e7}
.public-stories .hp-role-next{display:inline-flex;align-items:center;min-height:52px;padding:12px 22px;background:#d1b474;color:#102637;font:700 1rem/1.35 Arial,sans-serif;text-decoration:none;border-radius:4px;margin-top:8px}
.public-stories .hp-role-next:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:767px){.hp-role-story-inner{width:min(100% - 44px,620px)}.public-stories .hp-role-next{width:100%;justify-content:center}}
.public-stories.hp-role-story :is(h2,h3,h4){font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-style:normal;letter-spacing:-.025em}
.public-stories.hp-role-story:not([data-audience=buyer]) .hp-role-story-inner>p:last-child{display:none}
