/* Resources HUB only: the preview adds this class to its existing main element. */
#main-content.harbor-resources-hub { --resource-anchor-gap: calc(var(--harbor-header-bottom, 84px) + 20px); }
#main-content.harbor-resources-hub .harbor-resource-hero { padding-block: 32px !important; }
#main-content.harbor-resources-hub .harbor-resource-hero > .harbor-resource-shell { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; align-items: center; gap: 40px; padding: 0 24px; }
#main-content.harbor-resources-hub .harbor-resource-hero > .harbor-resource-shell::after { content: none; }
#main-content.harbor-resources-hub .harbor-resource-hero__copy { min-width: 0; }
#main-content.harbor-resources-hub .harbor-resource-kicker { margin: 0 0 12px !important; }
#main-content.harbor-resources-hub h1 { font-family: 'Playfair Display', serif !important; font-size: 48px !important; line-height: 56px !important; font-weight: 400 !important; font-synthesis: none; margin: 0 !important; max-width: 18ch; }
#main-content.harbor-resources-hub h2 { font-family: 'Playfair Display', serif !important; font-size: 38px !important; line-height: 46px !important; font-weight: 400 !important; font-synthesis: none; }
#main-content.harbor-resources-hub .harbor-resource-hero__lead { margin: 16px 0 0 !important; max-width: 58ch; }
#main-content.harbor-resources-hub .harbor-resource-hero__image { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; border-radius: 20px; }
#main-content.harbor-resources-hub .harbor-resource-main { padding-top: 24px; }
#main-content.harbor-resources-hub .hr-resource-nav { padding: 0; margin: 0 0 28px; }
#main-content.harbor-resources-hub .hr-resource-nav + .hr-section { padding-top: 0; }
#main-content.harbor-resources-hub :is(.hr-inner,.harbor-resource-shell) { min-width: 0; }
#main-content.harbor-resources-hub :is(.hr-section,.hr-resource-group) { scroll-margin-top: var(--resource-anchor-gap); }
@media (min-width: 992px) and (max-width: 1199.98px) {
 #main-content.harbor-resources-hub h1 { font-size: 38px !important; line-height: 46px !important; }
 #main-content.harbor-resources-hub h2 { font-size: 30px !important; line-height: 38px !important; }
}
@media (max-width: 991.98px) {
 #main-content.harbor-resources-hub h1 { font-size: 30px !important; line-height: 38px !important; }
 #main-content.harbor-resources-hub h2 { font-size: 26px !important; line-height: 34px !important; }
 #main-content.harbor-resources-hub .harbor-resource-hero { padding-block: 24px !important; }
 #main-content.harbor-resources-hub .harbor-resource-hero > .harbor-resource-shell { gap: 24px; }
}
@media (max-width: 767.98px) {
 #main-content.harbor-resources-hub .harbor-resource-hero > .harbor-resource-shell { grid-template-columns: minmax(0,1fr); padding-inline: 0; }
 #main-content.harbor-resources-hub .harbor-resource-hero__image { border-radius: 16px; }
 #main-content.harbor-resources-hub .hr-resource-nav { gap: 10px; margin-bottom: 24px; }
}

#main-content.harbor-resources-hub .harbor-resource-hero__image { max-height: 340px; }
#main-content.harbor-resources-hub :is(.harbor-resource-card,.hr-card) h3 { font: 400 24px/32px 'Playfair Display', serif !important; }

#main-content.harbor-resources-hub .hr-resource-nav { padding-inline: 24px; }