/* Quick-nav index (section jump links right under the hero).
   Bootstrap's py-2/gap-2/gap-md-4 utilities aren't present in the theme's
   compiled CSS bundle (theme.style.min.css only ships the utility subset
   its own templates already used), so they silently no-op and the nav
   collapses flush against the hero with 14px text. Set spacing explicitly
   instead of depending on those utility classes. */
.rental-quicknav {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.rental-quicknav ul {
    row-gap: 0.5rem;
}

.rental-quicknav li a {
    font-size: 0.95rem;
}

.rental-quicknav li:not(:last-child) {
    margin-right: 0.5rem;
}

@media (min-width: 768px) {
    .rental-quicknav li:not(:last-child) {
        margin-right: 1.5rem;
    }
}

/* Rental location intro heading sizes.
   Scoped to .rental-intro-content to avoid affecting global heading styles.
   These headings live inside body text, so they're intentionally smaller
   than the page-level introTitle h2 (32px, primary colour, fw-bold).
   Paragraph/list spacing for this content comes from the shared
   .cms-rich-text class (cms-rich-text.css) applied alongside this one. */

.rental-intro-content h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    color: inherit;
}

.rental-intro-content h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.375rem;
    color: inherit;
}