/* HirePath sectors: isolated styling; intentionally does not override other plugins. */
#hpsx-sector-explorer.hpsx-section{position:relative;display:block;padding:42px 0 44px!important;margin:0;background:linear-gradient(125deg,#f9fcff 0%,#fffaf3 58%,#f6fbfc 100%)!important;color:#10344d;isolation:isolate}
#hpsx-sector-explorer[hidden]{display:none!important}
#hpsx-sector-explorer *{box-sizing:border-box}
#hpsx-sector-explorer .hpsx-wrap{width:min(calc(100% - 40px),1240px);margin-inline:auto}
#hpsx-sector-explorer .hpsx-heading-row{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}
#hpsx-sector-explorer .hpsx-heading-block{min-width:0}
#hpsx-sector-explorer .hpsx-eyebrow{display:block;color:#c77914;font-size:11px;line-height:1.6;font-weight:850;letter-spacing:1.6px;margin-bottom:7px}
#hpsx-sector-explorer h2{font-size:clamp(24px,2.7vw,35px);line-height:1.23;color:#103b57;font-weight:850;letter-spacing:-.6px;margin:0 0 8px}
#hpsx-sector-explorer .hpsx-heading-emoji{font-size:.85em;margin-right:3px;vertical-align:2px}
#hpsx-sector-explorer .hpsx-heading-block p{margin:0;max-width:860px;color:#536c81;font-size:15px;line-height:1.6}
#hpsx-sector-explorer .hpsx-all{flex:none;white-space:nowrap;text-decoration:none;color:#087784;font-weight:750;font-size:14px;padding:5px 0}
#hpsx-sector-explorer .hpsx-all:hover{color:#d27f12;text-decoration:underline;text-underline-offset:4px}
#hpsx-sector-explorer .hpsx-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
#hpsx-sector-explorer .hpsx-card{--hpsx-card-accent:#087c9a;--hpsx-card-bg:#e9f7fc;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:174px;padding:19px 16px 17px;text-decoration:none!important;color:#143b53!important;background:var(--hpsx-card-bg)!important;border:1px solid color-mix(in srgb,var(--hpsx-card-accent) 22%,white)!important;border-radius:17px;box-shadow:0 3px 12px rgba(13,61,81,.045);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;overflow:hidden}
#hpsx-sector-explorer .hpsx-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:var(--hpsx-card-accent);opacity:.74}
#hpsx-sector-explorer .hpsx-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px rgba(20,55,80,.16)!important;border-color:var(--hpsx-card-accent)!important}
#hpsx-sector-explorer .hpsx-card:focus-visible{outline:3px solid #d99b25;outline-offset:4px}
#hpsx-sector-explorer .hpsx-emoji{display:inline-block;font-size:30px;line-height:1.35;min-height:43px;margin:0 0 11px;transform-origin:center;transition:transform .24s ease}
#hpsx-sector-explorer .hpsx-card:hover .hpsx-emoji{transform:scale(1.16) rotate(-5deg)}
#hpsx-sector-explorer .hpsx-card-name{display:block;font-size:15px;font-weight:850;line-height:1.3;color:#153e56;margin:0 0 7px}
#hpsx-sector-explorer .hpsx-card-desc{display:block;color:#5b7180;font-size:12px;line-height:1.5;padding-right:3px}
#hpsx-sector-explorer .hpsx-card-arrow{position:absolute;bottom:12px;right:14px;color:var(--hpsx-card-accent);font-size:20px;line-height:1;font-weight:900;transition:transform .24s ease}
#hpsx-sector-explorer .hpsx-card:hover .hpsx-card-arrow{transform:translate(3px,-3px)}
#hpsx-sector-explorer .hpsx-note{margin:16px 0 0!important;color:#63798b;font-size:12px;line-height:1.5}
@media(max-width:1050px){#hpsx-sector-explorer .hpsx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#hpsx-sector-explorer .hpsx-card{min-height:153px}}
@media(max-width:720px){#hpsx-sector-explorer.hpsx-section{padding:30px 0!important}#hpsx-sector-explorer .hpsx-heading-row{display:block;margin-bottom:18px}#hpsx-sector-explorer .hpsx-all{display:inline-block;margin-top:9px}#hpsx-sector-explorer .hpsx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#hpsx-sector-explorer .hpsx-card{padding:15px 13px 17px;min-height:158px;border-radius:15px}}
@media(max-width:380px){#hpsx-sector-explorer .hpsx-wrap{width:min(calc(100% - 24px),1240px)}#hpsx-sector-explorer .hpsx-card-name{font-size:13.5px}#hpsx-sector-explorer .hpsx-card-desc{font-size:11px}}
@media(prefers-reduced-motion:reduce){#hpsx-sector-explorer .hpsx-card,#hpsx-sector-explorer .hpsx-emoji,#hpsx-sector-explorer .hpsx-card-arrow{transition:none!important}#hpsx-sector-explorer .hpsx-card:hover{transform:none!important}#hpsx-sector-explorer .hpsx-card:hover .hpsx-emoji{transform:none!important}}
