/* Field Support sidebar treatment, scoped to the public pricing page. */
body.pricing-page .job-type-layout#vue-pricing-app .pricing-menu-wrapper {
  flex:0 0 242px;
  width:242px;
  padding:24px 20px 24px 20px;
  border:0;
  border-radius:0;
  background:#1d1d1f;
  color:#fff;
  gap:20px !important;
}

body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-wrapper {
  background:transparent;
  flex:1;
  min-height:0;
  height:auto;
  padding:0 !important;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:#607066 transparent;
}
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item {
  display:flex;
  align-items:center;
  width:100%;
  min-height:48px;
  margin:0 0 7px;
  padding:13px 15px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#d0d6d1;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  text-align:left;
  white-space:normal;
  cursor:pointer;
  transition:background-color .15s ease,color .15s ease;
}
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-category-item-active {
  min-height:40px;
  color:#fff;
  font-size:14px;
  font-weight:700;
}
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item:not(.dashboard-menu-item-active):not(.dashboard-category-item-active) {
  color:#d0d6d1;
}
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item:hover,
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item:not(.dashboard-menu-item-active):not(.dashboard-category-item-active):hover {
  background:#333333;
  color:#fff;
}
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item-active:not(.dashboard-category-item-active) {
  background:#ffcf32;
  color:#202622;
  font-weight:700;
}
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item:focus-visible {
  outline:2px solid #ffcf32;
  outline-offset:2px;
}
body.pricing-page .job-type-layout#vue-pricing-app .job-category-gap { display:none;
}
@media (max-width:768px) {
  body.pricing-page .job-type-layout#vue-pricing-app .pricing-menu-wrapper {
    flex:none;
    width:100%;
    padding:24px 20px 24px 20px;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.pricing-page .job-type-layout#vue-pricing-app .dashboard-menu-item {
    transition:none;
  }
}

body.pricing-page .job-type-layout#vue-pricing-app .pricing-menu-wrapper { overflow:hidden; }
@media(min-width:769px) {
 html body.pricing-page { padding-left:242px; }
 body.pricing-page .job-type-layout#vue-pricing-app .pricing-menu-wrapper { position:fixed;inset:0 auto 0 0;z-index:110;height:100dvh !important; }
}
@media(max-width:768px) {
 body.pricing-page .job-type-layout#vue-pricing-app .pricing-menu-wrapper { height:65dvh !important; }
}

/* Expanded categories use the same yellow as the selected project. */
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-category-item-active[aria-expanded="true"],
body.pricing-page .job-type-layout#vue-pricing-app .dashboard-category-item-active[aria-expanded="true"]:hover {
  background:#ffcf32;
  color:#202622;
}
/* Let long content grow normally while keeping short pages full height. */
body.pricing-page .pricing-page-shell { display:flex;flex-direction:column;min-height:100dvh; }
body.pricing-page .pricing-page-shell > .site-header { flex-shrink:0; }
body.pricing-page .pricing-page-shell > .site-footer { margin-top:auto; }

body.pricing-page .pricing-sidebar-title { flex:none;margin:0;color:#ffcf32;font-size:18px;font-weight:700;line-height:1.5; text-decoration:underline;text-underline-offset:3px; }