/* V4 changes navigation only; hero and content retain their base design. */
body:has(.studio-home--guided) {
  --guided-header: 4rem;
}
body:has(.studio-home--guided) .article-brand {
  font-size: 0.875rem;
}
body:has(.studio-home--guided) .article-rail nav a {
  font-size: 1rem;
}
body:has(.studio-home--guided) .article-rail nav a[aria-current] {
  background: transparent;
  font-weight: 500;
}
body:has(.studio-home--guided) .article-calendar span {
  font-size: 0.875rem;
}
body:has(.studio-home--guided) .article-topbar {
  background: #fff;
}
@media (min-width: 1024px) {
  body:has(.studio-home--guided) .article-topbar {
    top: 0;
    left: var(--layout-rail);
    right: 0;
    width: auto;
    height: auto;
    min-height: var(--guided-header);
    flex-wrap: wrap;
    gap: 0 0.75rem;
    border: 0;
    border-bottom: 1px solid #dedede;
    padding-inline: var(--layout-gutter);
  }
  body:has(.article-topbar):has(.studio-home--guided) {
    --article-offset: 6.5rem;
  }
  body:has(.studio-home--guided) .article-mobile-menu {
    display: none;
  }
  body:has(.studio-home--guided) .article-site-links {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    order: 3;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
  }
  body:has(.studio-home--guided) .article-site-links a:nth-child(n) {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    color: #555;
    font-size: 0.875rem;
    white-space: nowrap;
    text-decoration: none;
  }
  body:has(.studio-home--guided) main :is(section[id], article[id]) {
    scroll-margin-top: 5.5rem;
  }
  body:has(.studio-home--guided) main .sticky-services__aside {
    top: 5.5rem;
  }
}
@media (min-width: 1280px) {
  body:has(.article-topbar):has(.studio-home--guided) {
    --article-offset: 4rem;
  }
  body:has(.studio-home--guided) .article-site-links {
    flex: 1;
    order: 0;
    padding-bottom: 0;
  }
}