/* Keep the regular site navigation on the prep page only. */
.im-prep .site-header { border-bottom: 0; padding-bottom: 8px; }
.im-prep .prep-nav-wrap { position: sticky; top: 12px; z-index: 50; width: fit-content; max-width: calc(100% - 24px); margin: 12px auto 0; }
.im-prep .prep-nav { display: flex; align-items: center; gap: 22px; padding: 8px 8px 8px 22px; border: 1px solid var(--line); border-radius: 999px; background: rgba(14,15,17,.96); box-shadow: 0 1px 0 #ffffff0d inset, 0 10px 40px -10px #0009; }
.im-prep .prep-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; font-size: 13px; font-weight: 500; text-decoration: none; color: var(--muted); white-space: nowrap; }
.im-prep .prep-nav a:hover, .im-prep .prep-nav a[aria-current="page"] { color: var(--ink); }
.im-prep .prep-nav .prep-nav-cta { padding: 5px 15px; border-radius: 999px; background: #008cfe; color: white; box-shadow: 0 0 0 1px #008cfe66, 0 6px 20px -6px #008cfe55; }
.im-prep .prep-nav .prep-nav-cta:hover { background: #3aa8ff; }
.im-prep .prep-cta-short { display: none; }
@media (max-width: 700px) {
 .im-prep .prep-nav-wrap { margin-top: 5px; top: 10px; }
 .im-prep .prep-nav { gap: 10px; padding: 4px 5px 4px 13px; }
 .im-prep .prep-nav a { min-height: 36px; font-size: 12px; }
 .im-prep .prep-nav .prep-nav-cta { padding-inline: 12px; }
 .im-prep .prep-cta-full { display: none; }
 .im-prep .prep-cta-short { display: inline; }
 .im-prep .confirm-section { padding-top: 22px; }
}
html:has(*:fullscreen) .prep-nav-wrap, html:has(*:-webkit-full-screen) .prep-nav-wrap { display: none; }

.im-prep section[id] { scroll-margin-top: 84px; }