/* Modernized Resources page. Scoped under .modernResourcesPage so it never affects other pages that reuse the
   same .card/.card-header/.ptfgWhiteOnBlue/.ptfgWhiteOnGreen/.ptfgWhiteOnRed/.ptfgBlackOnYellow utility classes
   used elsewhere (buttons, other panels). Note: .card-header is a sibling of .card in this page's markup (not
   nested inside it), so both need matching max-width/border-radius to visually read as one card. Each panel
   keeps its existing color-coded header (blue/green/red/yellow) -- only shape/spacing/shadow are modernized. */

.modernResourcesPage #pageTitle {
  margin-bottom: 18px;
}

.modernResourcesPage .resourcesRow {
  margin: 0 0 20px;
  max-width: 850px;
}

.modernResourcesPage .card-header {
  border-radius: 12px 12px 0 0;
  padding: 12px 20px;
  font-weight: 700;
  border: none;
}

.modernResourcesPage .card {
  border: 1px solid #e2e6f2;
  border-top: none;
  border-radius: 0 0 12px 12px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(11, 26, 103, 0.06);
  margin-top: 0;
}

.modernResourcesPage .card-block {
  padding: 16px 20px;
}

.modernResourcesPage .resourcesOrderedList ol {
  margin: 0;
  padding-left: 18px;
}

.modernResourcesPage .resourcesOrderedList li {
  margin-bottom: 10px;
  line-height: 1.5;
  color: #333;
}

.modernResourcesPage .resourcesOrderedList li:last-child {
  margin-bottom: 0;
}

.modernResourcesPage .resourcesOrderedList a {
  font-weight: 600;
}