/* Proposal360 enterprise section navigation. Scope is intentionally restricted to this product. */
.p360-page .p360-subnav.p360-sectionnav {
  --p360-nav-accent:#c5005a;
  --p360-nav-ink:#26334d;
  --p360-nav-surface:#f8f9fc;
  position:sticky;
  inset-block-start:var(--p360-sectionnav-top,0px);
  z-index:35;
  background:rgba(250,251,254,.97);
  border-top:1px solid #f0f2f7;
  border-bottom:1px solid #dce3ef;
  box-shadow:0 9px 28px rgba(18,33,61,.08);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  isolation:isolate;
}
.p360-page .p360-sectionnav .p360-nav-layout {
  display:grid;
  grid-template-columns:minmax(168px,188px) minmax(0,1fr);
  column-gap:20px;
  align-items:center;
  padding-block:10px;
  min-height:67px;
}
.p360-page .p360-sectionnav .p360-nav-brand {
  display:flex;align-items:center;gap:10px;
  min-width:0;line-height:1.25;
}
.p360-page .p360-sectionnav .p360-nav-brand-icon {
  display:grid;place-items:center;flex:0 0 36px;
  width:36px;height:36px;
  background:#182842;color:#ff99c1;
  border-radius:11px;
  font-size:19px;
  box-shadow:0 3px 9px rgba(24,40,66,.12);
}
.p360-page .p360-sectionnav .p360-nav-brand-copy {
  display:grid;gap:3px;min-width:0;
}
.p360-page .p360-sectionnav .p360-nav-brand-copy strong {
  font-size:12.5px;line-height:1.15;letter-spacing:-.015em;
  font-weight:800;color:#1e2f4a;
  white-space:nowrap;
}
.p360-page .p360-sectionnav .p360-nav-brand-copy small {
  font-size:10px;line-height:1.2;font-weight:600;color:#74839a;
  white-space:nowrap;
}
.p360-page .p360-sectionnav .p360-nav-rail {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:4px;
  min-width:0;max-width:100%;
}
.p360-page .p360-sectionnav .p360-nav-scroller {
  display:block;min-width:0;max-width:100%;
  overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-ms-overflow-style:none;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scroll-padding-inline:8px;
  -webkit-overflow-scrolling:touch;
}
.p360-page .p360-sectionnav .p360-nav-scroller::-webkit-scrollbar {display:none}
.p360-page .p360-sectionnav .p360-nav-items {
  display:flex;align-items:center;gap:5px;
  min-width:max-content;
  white-space:nowrap;
}
.p360-page .p360-sectionnav a.p360-nav-item {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  flex:none;scroll-snap-align:start;
  min-height:41px;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:10px;
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;
  color:var(--p360-nav-ink)!important;
  font-size:12px!important;line-height:1.3!important;
  font-weight:750!important;letter-spacing:0!important;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
  position:relative;
}
.p360-page .p360-sectionnav .p360-nav-index {
  display:grid;place-items:center;
  flex:0 0 23px;width:23px;height:23px;
  border-radius:7px;
  font-variant-numeric:tabular-nums;
  font-size:10px!important;line-height:1!important;
  font-weight:850!important;
  color:#7f8da2;background:#e9edf4;
}
.p360-page .p360-sectionnav a.p360-nav-item:is(:hover,:focus-visible) {
  background:#eef2f8!important;
  border-color:#d7e0ec!important;
  color:#192943!important;
  transform:none!important;
}
.p360-page .p360-sectionnav a.p360-nav-item[aria-current="location"] {
  background:#fff0f6!important;
  border-color:#f3b2cc!important;
  color:#aa004c!important;
  box-shadow:0 2px 7px rgba(192,0,84,.09)!important;
  font-weight:850!important;
}
.p360-page .p360-sectionnav a.p360-nav-item[aria-current="location"] .p360-nav-index {
  color:#fff!important;background:linear-gradient(135deg,#e60068,#af0051);
}
.p360-page .p360-sectionnav a.p360-nav-item[aria-current="location"]::after {
  content:"";position:absolute;left:12px;right:12px;bottom:-4px;
  height:2px;border-radius:2px;background:var(--p360-nav-accent);
}
.p360-page .p360-sectionnav .p360-nav-scroll-button {
  display:grid;place-items:center;
  flex:none;width:32px;height:36px;min-width:32px;
  border:1px solid #d7dfea;
  border-radius:9px;
  background:#fff!important;
  color:#344960!important;
  box-shadow:0 1px 3px rgba(22,37,62,.05);
  padding:7px!important;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.p360-page .p360-sectionnav .p360-nav-scroll-button svg {
  display:block;width:17px;height:17px;
}
.p360-page .p360-sectionnav .p360-nav-scroll-button:not(:disabled):hover {
  background:#f1f4fa!important;border-color:#b1bfd1!important;
}
.p360-page .p360-sectionnav .p360-nav-scroll-button:disabled {
  opacity:.32;cursor:default;box-shadow:none!important;
}
.p360-page .p360-sectionnav .p360-nav-rail[data-overflow="false"] .p360-nav-scroll-button {
  display:none!important;
}
.p360-page .p360-sectionnav .p360-nav-progress {
  height:2px;width:100%;
  background:#edf0f5;overflow:hidden;
}
.p360-page .p360-sectionnav .p360-nav-progress span {
  display:block;height:100%;width:100%;
  background:linear-gradient(90deg,#e60066,#f777af,#7b8db6);
  transform:scaleX(var(--p360-nav-progress,.14286));
  transform-origin:left center;
  transition:transform .25s ease;
}
.p360-page .p360-sectionnav :is(a,button):focus-visible {
  outline:3px solid rgba(230,0,102,.43)!important;
  outline-offset:2px!important;
}
.p360-page section[id] {
  scroll-margin-top:calc(var(--p360-sectionnav-height,68px) + var(--p360-sectionnav-top,0px) + 16px);
}
@media(max-width:1190px) {
 .p360-page .p360-sectionnav .p360-nav-layout {
   grid-template-columns:minmax(155px,178px) minmax(0,1fr);
   column-gap:12px;
 }
 .p360-page .p360-sectionnav a.p360-nav-item {padding-inline:9px!important}
 /* Allow room for Numerish's fixed Guides AI edge launcher so scroll
    buttons remain visible and clickable on tablet and mobile. */
 .p360-page .p360-sectionnav .p360-nav-rail {padding-inline-end:40px}
}
@media(max-width:850px) {
 .p360-page .p360-sectionnav .p360-nav-layout {
   grid-template-columns:minmax(0,1fr);
   row-gap:9px;
   min-height:0;
   padding-block:10px;
 }
 .p360-page .p360-sectionnav .p360-nav-brand-icon {
   width:29px;height:29px;flex-basis:29px;border-radius:8px;font-size:16px;
 }
 .p360-page .p360-sectionnav .p360-nav-brand-copy {
   display:flex;align-items:baseline;gap:9px;
 }
 .p360-page .p360-sectionnav .p360-nav-brand-copy strong {font-size:12px}
 .p360-page .p360-sectionnav .p360-nav-brand-copy small {font-size:10px}
 .p360-page .p360-sectionnav .p360-nav-items {gap:6px}
 .p360-page .p360-sectionnav a.p360-nav-item {min-height:39px;font-size:12px!important}
 .p360-page .p360-sectionnav .p360-nav-scroll-button {width:34px;height:37px}
}
@media(max-width:480px) {
 .p360-page .p360-subnav.p360-sectionnav {box-shadow:0 5px 16px rgba(18,33,61,.07)}
 .p360-page .p360-sectionnav .p360-nav-layout {row-gap:7px;padding-block:8px}
 .p360-page .p360-sectionnav .p360-nav-brand-copy small {display:none}
 .p360-page .p360-sectionnav .p360-nav-brand {gap:8px}
 .p360-page .p360-sectionnav .p360-nav-items {gap:5px}
 .p360-page .p360-sectionnav a.p360-nav-item {
    font-size:12px!important;padding:8px 10px!important;min-height:40px;
 }
 .p360-page .p360-sectionnav .p360-nav-index {
    width:22px;height:22px;flex-basis:22px;
 }
 .p360-page .p360-sectionnav .p360-nav-scroll-button {
   width:31px;min-width:31px;height:35px;padding:6px!important;
 }
}
@media(prefers-reduced-motion:reduce) {
 .p360-page .p360-sectionnav * {scroll-behavior:auto!important;transition:none!important}
}
