.rpe-nav-progress{--rpe-np-red:var(--rpe-brand-red,#ef2737);position:relative;z-index:99980;background:rgba(8,13,19,.94);border-bottom:1px solid var(--rpe-border,#263240);backdrop-filter:blur(14px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.rpe-nav-progress-inner{max-width:1600px;margin:0 auto;padding:0 22px;overflow-x:auto;scrollbar-width:none}.rpe-nav-progress-inner::-webkit-scrollbar{display:none}.rpe-nav-progress ol{display:flex;align-items:flex-start;list-style:none!important;margin:0!important;padding:10px 2px 8px!important;min-width:max-content}.rpe-nav-progress li{position:relative;display:grid;grid-template-rows:12px auto;justify-items:center;min-width:104px;max-width:190px;padding:0 14px}.rpe-nav-progress li:before{content:"";position:absolute;top:5px;right:50%;width:100%;height:2px;background:var(--rpe-np-red);box-shadow:0 0 8px rgba(239,39,55,.32);transform-origin:right center}.rpe-nav-progress li:first-child:before{display:none}.rpe-nav-node{position:relative;z-index:2;width:9px;height:9px;border-radius:50%;background:var(--rpe-np-red);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(239,39,55,.12),0 0 10px rgba(239,39,55,.42)}.rpe-nav-progress a,.rpe-nav-label{display:block;max-width:170px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;font-weight:650;letter-spacing:.01em;text-decoration:none!important;color:var(--rpe-text-muted,#aab6c3)!important}.rpe-nav-progress a:hover{color:#fff!important}.rpe-nav-progress .is-current .rpe-nav-node{width:11px;height:11px;margin-top:-1px;background:#fff;border-color:var(--rpe-np-red);box-shadow:0 0 0 4px rgba(239,39,55,.2),0 0 16px rgba(239,39,55,.72)}.rpe-nav-progress .is-current .rpe-nav-label{color:#fff!important;font-weight:800}.rpe-nav-progress.rpe-nav-progress-enter li:before{animation:rpeNpLine .48s cubic-bezier(.2,.75,.25,1) both}.rpe-nav-progress.rpe-nav-progress-enter .rpe-nav-node{animation:rpeNpNode .42s cubic-bezier(.2,.75,.25,1) both}.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(2):before,.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(2) .rpe-nav-node{animation-delay:.06s}.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(3):before,.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(3) .rpe-nav-node{animation-delay:.12s}.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(4):before,.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(4) .rpe-nav-node{animation-delay:.18s}.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(5):before,.rpe-nav-progress.rpe-nav-progress-enter li:nth-child(5) .rpe-nav-node{animation-delay:.24s}@keyframes rpeNpLine{from{transform:scaleX(0);opacity:.15}to{transform:scaleX(1);opacity:1}}@keyframes rpeNpNode{from{transform:scale(.35);opacity:.2}to{transform:scale(1);opacity:1}}@media(max-width:700px){.rpe-nav-progress-inner{padding:0 12px}.rpe-nav-progress li{min-width:86px;padding:0 10px}.rpe-nav-progress a,.rpe-nav-label{max-width:130px;font-size:10px}}@media(prefers-reduced-motion:reduce){.rpe-nav-progress *{animation:none!important;transition:none!important}}

/* 5.0.0AE.10.6.4.81 — Directory detail progress-row clearance.
 * Directory's desktop hero uses two independent grid components (gallery + summary).
 * Give both the same post-progress breathing room so neither can begin underneath
 * the navigation-progress row. Event detail already owns equivalent spacing. */
@media (min-width:681px){
  body.rpe-has-navigation-progress .rpe-ds-render[data-template="directory-detail-page"] > [data-component="directory-detail-gallery"],
  body.rpe-has-navigation-progress .rpe-ds-render[data-template="directory-detail-page"] > [data-component="directory-detail-summary"]{
    margin-top:24px!important;
  }
}
