/* Resources page styles stay within this page. */
.resourcesPage { background: #faf7f2; color: #203852; font-size: 16px; line-height: 1.65; }
.resourcesPage * { box-sizing: border-box; }
.resourcesPage h1, .resourcesPage h2, .resourcesPage h3, .resourcesPage p, .resourcesPage a { overflow-wrap: break-word; }
.resourcesPage p { font-size: 16px; line-height: 1.7; margin: 0 0 16px; }
.resourcesPage h2 { border: 0; color: #203852; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; line-height: 1.3; margin: 0 0 12px; padding: 0; text-transform: none; }
.resourcesPage h3 { color: #203852; font-size: 21px; font-weight: 700; line-height: 1.4; margin: 0; }
.resourcesPage a { color: #24595c; text-decoration: underline; text-underline-offset: 3px; }
.resourcesPage a:hover { color: #203852; }
.resourcesPage a:focus-visible { outline: 3px solid #d6a84b; outline-offset: 4px; }
.resourcesPage .resourcesKicker { color: #24595c; font-size: 14px; font-weight: 700; letter-spacing: 1.2px; margin: 0 0 10px; text-transform: uppercase; }
.resourcesIntro { background: #203852; color: #fff; padding: 36px 0; }
.resourcesIntro .resourcesKicker { color: #cfe0dc; }
.resourcesIntro h1 { color: #fff; font-size: 44px; font-weight: 700; letter-spacing: -0.8px; line-height: 1.15; margin: 0 0 16px; }
.resourcesIntro p:last-child { font-size: 18px; margin: 0; }
.resourcesTopics { background: #fff; border-bottom: 1px solid #d7e1dc; }
.resourcesTopics .container { display: flex; flex-wrap: wrap; gap: 0 28px; }
.resourcesTopics a { border-bottom: 3px solid transparent; display: block; font-weight: 700; padding: 18px 0 15px; text-decoration: none; }
.resourcesTopics a:hover, .resourcesTopics a:focus { border-bottom-color: #2f6f73; }
.resourcesDirectory { padding-top: 24px; padding-bottom: 48px; }
.resourcesPage .resourcesNote { color: #52636a; font-size: 14px; margin-bottom: 32px; max-width: 820px; }
.resourcesGroup { margin-bottom: 40px; scroll-margin-top: 24px; }
.resourcesGroupHeading { border-left: 4px solid #2f6f73; margin-bottom: 20px; padding-left: 20px; }
.resourcesGroup:nth-of-type(2) .resourcesGroupHeading { border-left-color: #d6a84b; }
.resourcesGroupHeading p { color: #52636a; margin: 0; }
.resourcesList { background: #fff; border: 1px solid #d7e1dc; border-radius: 8px; }
.resourceRow { align-items: start; display: grid; gap: 24px 40px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); padding: 28px 32px; }
.resourceRow + .resourceRow { border-top: 1px solid #d7e1dc; }
.resourceRow > * { min-width: 0; }
.resourceDescription p { color: #394a50; margin-bottom: 8px; }
.resourceDescription a { display: inline-block; font-weight: 700; padding: 8px 0; }
.resourcesHelp { align-items: center; background: #e4ece8; border-left: 4px solid #d6a84b; border-radius: 6px; display: grid; gap: 24px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); padding: 28px 32px; }
.resourcesHelp > * { min-width: 0; }
.resourcesHelp h2 { font-size: 24px; }
.resourcesHelp p { margin: 0; }
.resourcesHelp a { font-weight: 700; justify-self: end; padding: 10px 0; }
.resourcesHelp a span { white-space: nowrap; }
@media (max-width: 991px) {
    .resourceRow { gap: 24px; padding: 24px; }
    .resourcesHelp { grid-template-columns: minmax(0, 1fr); }
    .resourcesHelp a { justify-self: start; }
}
@media (max-width: 767px) {
    .resourcesIntro { padding: 28px 0; }
    .resourcesIntro h1 { font-size: 36px; }
    .resourcesTopics .container { gap: 0 20px; }
    .resourcesTopics a { padding: 12px 0 9px; }
    .resourcesDirectory { padding-bottom: 36px; }
    .resourcesPage h2 { font-size: 26px; }
    .resourcesGroupHeading { padding-left: 16px; }
    .resourceRow { gap: 14px; grid-template-columns: minmax(0, 1fr); padding: 22px 18px; }
    .resourcesHelp { padding: 24px 20px; }
    .resourcesHelp h2 { font-size: 24px; }
}