/* /software ONLY: replace the Why It Matters feature-benefit area with the
   same roadmap display and popup styles already used on /roadmap. */
.site-shell > main > section:nth-child(3).hw-software-roadmap-host {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
  background: #fffdf8 !important;
}
.site-shell > main > section:nth-child(3).hw-software-roadmap-host > div.max-w-5xl {
  display: none !important;
}
.site-shell > main > section:nth-child(3).hw-software-roadmap-host > [data-hw-roadmap-current] {
  margin: 0 auto;
  padding-bottom: 0;
  width: 100%;
}
.hw-software-roadmap-heading {
  width: min(1060px, calc(100% - 32px));
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.hw-software-roadmap-heading h2 {
  color: #202a3c;
  font-family: Fredoka, sans-serif;
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
.hw-software-roadmap-heading a,
.hw-software-roadmap-feedback a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid #dbddea;
  border-radius: 12px;
  background: #fff;
  color: #333b5c;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}
.hw-software-roadmap-heading a:hover,
.hw-software-roadmap-feedback a:hover {
  background: #f4f0ff;
}
.hw-software-roadmap-heading a:focus-visible,
.hw-software-roadmap-feedback a:focus-visible {
  outline: 2px solid #6b4fa1;
  outline-offset: 2px;
}
.hw-software-roadmap-feedback {
  width: min(1060px, calc(100% - 32px));
  margin: 15px auto 0;
  display: flex;
  justify-content: flex-start;
}
@media(max-width:650px){
  .site-shell > main > section:nth-child(3).hw-software-roadmap-host{
    padding-top: 25px !important;
    padding-bottom: 30px !important;
  }
}


/* /software embedded roadmap only: remove the header and bottom elements
   specifically shown in the requested screenshots. Keep update and feature
   cards, their popups, and the complete standalone /roadmap page intact. */
.site-shell > main > section:nth-child(3).hw-software-roadmap-host .hw-software-roadmap-heading,
.site-shell > main > section:nth-child(3).hw-software-roadmap-host #updates > .hw-roadmap-eyebrow,
.site-shell > main > section:nth-child(3).hw-software-roadmap-host #milestones,
.site-shell > main > section:nth-child(3).hw-software-roadmap-host .hw-roadmap-footnote,
.site-shell > main > section:nth-child(3).hw-software-roadmap-host .hw-software-roadmap-feedback {
  display: none !important;
}
.site-shell > main > section:nth-child(3).hw-software-roadmap-host #updates {
  padding-top: 0;
}