:root {
  --tdl-resources-forest: #05251d;
  --tdl-resources-forest-deep: #021712;
  --tdl-resources-green: #006039;
  --tdl-resources-green-bright: #008a55;
  --tdl-resources-mint: #70cdb0;
  --tdl-resources-paper: #f7f6f2;
  --tdl-resources-paper-shade: #eeefea;
  --tdl-resources-ink: #19191d;
  --tdl-resources-muted: #626762;
  --tdl-resources-line: rgba(5, 37, 29, 0.14);
}

html body.resources-page {
  background: var(--tdl-resources-paper) !important;
  color: var(--tdl-resources-ink);
}

html body.resources-page .navbar {
  border-bottom: 1px solid rgba(5, 37, 29, 0.1) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(5, 37, 29, 0.05) !important;
}

html body.resources-page .navbar .nav-link,
html body.resources-page .navbar .nav-dropdown-link,
html body.resources-page .navbar .menu-toggle-div {
  color: var(--tdl-resources-ink) !important;
}

html body.resources-page .navbar .nav-link:hover,
html body.resources-page .navbar .nav-link.w--current,
html body.resources-page .navbar .nav-dropdown-link:hover {
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .button {
  border-color: var(--tdl-resources-green) !important;
  background: var(--tdl-resources-green) !important;
  color: #fff !important;
}

html body.resources-page .button:hover,
html body.resources-page .button:focus-visible {
  border-color: var(--tdl-resources-green-bright) !important;
  background: var(--tdl-resources-green-bright) !important;
}

html body.resources-page .blue-600-text,
html body.resources-page .black-500-text,
html body.resources-page .text-link {
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-visual-hero {
  background:
    radial-gradient(ellipse 58% 82% at 80% 12%, rgba(112, 205, 176, 0.2), rgba(112, 205, 176, 0.06) 38%, transparent 70%),
    linear-gradient(180deg, #fff 0%, #fbfbf8 64%, var(--tdl-resources-paper) 100%) !important;
}

html body.resources-page .resources-visual-hero::before {
  background: radial-gradient(circle at 50% 50%, rgba(0, 96, 57, 0.11), rgba(112, 205, 176, 0.05) 38%, transparent 72%) !important;
}

html body.resources-page .resources-visual-hero::after {
  background-image:
    linear-gradient(to right, rgba(5, 37, 29, 0.075) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(5, 37, 29, 0.075) 1px, transparent 1px) !important;
}

html body.resources-page .resources-hero-grid-blooms {
  background:
    radial-gradient(ellipse 18% 18% at 22% 32%, rgba(0, 96, 57, 0.2), transparent 70%),
    radial-gradient(ellipse 14% 14% at 68% 58%, rgba(112, 205, 176, 0.18), transparent 70%),
    radial-gradient(ellipse 16% 16% at 84% 18%, rgba(0, 138, 85, 0.16), transparent 70%),
    radial-gradient(ellipse 12% 12% at 46% 84%, rgba(112, 205, 176, 0.13), transparent 70%) !important;
}

html body.resources-page .resources-kicker,
html body.resources-page .resources-card-meta span:not(.resources-dot),
html body.resources-page .resources-briefing-card > span,
html body.resources-page .resources-pathway-card > span,
html body.resources-page .resources-card-link,
html body.resources-page .resources-pathway-card > strong,
html body.resources-page .resources-standards-table a {
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-hero-heading,
html body.resources-page .resources-hero-heading .black-500-text {
  color: var(--tdl-resources-ink) !important;
}

html body.resources-page .resources-hero-heading .black-500-text {
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-hero-copy {
  color: var(--tdl-resources-muted) !important;
}

html body.resources-page .resources-standard-strip span {
  border-color: rgba(0, 96, 57, 0.18) !important;
  background: rgba(0, 96, 57, 0.06) !important;
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-image-command-panel {
  border-color: var(--tdl-resources-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 28px 72px rgba(5, 37, 29, 0.12) !important;
}

html body.resources-page .resources-image-command-panel .resources-command-top,
html body.resources-page .resources-command-metric-row {
  border-color: rgba(5, 37, 29, 0.1) !important;
  background: #f2f6f3 !important;
}

html body.resources-page .resources-command-image-caption {
  border: 0 !important;
  padding: 0.3rem 0.15rem 0 !important;
  background: transparent !important;
}

html body.resources-page .resources-command-status {
  background: rgba(0, 96, 57, 0.1) !important;
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-command-image-shell {
  border-color: rgba(5, 37, 29, 0.11) !important;
  background: #edf2ef !important;
}

html body.resources-page main > .section {
  background: var(--tdl-resources-paper) !important;
}

html body.resources-page main > .section.background-gray {
  background: var(--tdl-resources-paper-shade) !important;
}

html body.resources-page .section h2 {
  color: var(--tdl-resources-ink) !important;
}

html body.resources-page .section .v3-service-paragraph,
html body.resources-page .resources-section-copy,
html body.resources-page .resources-card-copy,
html body.resources-page .resources-pathway-card p,
html body.resources-page .resources-featured-body p,
html body.resources-page .resources-briefing-card p {
  color: var(--tdl-resources-muted) !important;
}

html body.resources-page :is(
  .resources-featured-lead,
  .resources-briefing-card,
  .resources-pathway-card,
  .resources-card,
  .resources-standards-grid,
  .resources-faq-card
) {
  border-color: var(--tdl-resources-line) !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(5, 37, 29, 0.06) !important;
}

html body.resources-page :is(
  .resources-featured-lead,
  .resources-briefing-card,
  .resources-pathway-card,
  .resources-card
):hover,
html body.resources-page :is(
  .resources-featured-lead,
  .resources-briefing-card,
  .resources-pathway-card,
  .resources-card
):focus-visible {
  border-color: rgba(0, 96, 57, 0.3) !important;
  box-shadow: 0 26px 70px rgba(5, 37, 29, 0.11) !important;
}

html body.resources-page .resources-featured-image-wrap,
html body.resources-page .resources-card-image-wrap {
  border-color: rgba(5, 37, 29, 0.08) !important;
  background: #e9efeb !important;
}

html body.resources-page .resources-card-byline,
html body.resources-page .resources-meta-row,
html body.resources-page .resources-briefing-meta {
  color: #747a75 !important;
}

html body.resources-page .resources-dot {
  background: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-standards-section {
  border-color: rgba(5, 37, 29, 0.08) !important;
  background: var(--tdl-resources-paper) !important;
}

html body.resources-page .resources-standards-table thead th {
  background: #e7eee9 !important;
  color: #4f5d56 !important;
}

html body.resources-page .resources-standards-table th,
html body.resources-page .resources-standards-table td {
  border-color: rgba(5, 37, 29, 0.09) !important;
}

html body.resources-page .resources-standards-table tbody tr:hover td {
  background: rgba(0, 96, 57, 0.035) !important;
}

html body.resources-page .resources-filter-pill {
  border-color: var(--tdl-resources-line) !important;
  background: #fff !important;
  color: #334039 !important;
  box-shadow: 0 10px 24px rgba(5, 37, 29, 0.035) !important;
}

html body.resources-page .resources-filter-pill:hover,
html body.resources-page .resources-filter-pill:focus-visible {
  border-color: rgba(0, 96, 57, 0.35) !important;
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .resources-filter-pill.is-active {
  border-color: var(--tdl-resources-green) !important;
  background: var(--tdl-resources-green) !important;
  color: #fff !important;
  box-shadow: 0 16px 38px rgba(0, 96, 57, 0.2) !important;
}

html body.resources-page .resources-feature-band.resources-governance-band {
  background:
    radial-gradient(circle at 14% 18%, rgba(112, 205, 176, 0.14), transparent 28%),
    linear-gradient(145deg, var(--tdl-resources-forest-deep), var(--tdl-resources-forest)) !important;
  color: #fff !important;
}

html body.resources-page .resources-governance-band .resources-feature-panel {
  border-color: rgba(112, 205, 176, 0.2) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

html body.resources-page .resources-governance-band .resources-kicker {
  color: var(--tdl-resources-mint) !important;
}

html body.resources-page .resources-governance-band .resources-feature-panel h2 {
  color: #fff !important;
}

html body.resources-page .resources-governance-band .resources-feature-panel p {
  color: rgba(255, 255, 255, 0.7) !important;
}

html body.resources-page .resources-governance-list .resources-check-item {
  border-color: rgba(112, 205, 176, 0.18) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}

html body.resources-page .resources-governance-list .resources-check-icon {
  background: rgba(112, 205, 176, 0.16) !important;
  color: var(--tdl-resources-mint) !important;
}

html body.resources-page .resources-governance-list .resources-check-item strong {
  color: #fff !important;
}

html body.resources-page .resources-governance-list .resources-check-item span {
  color: rgba(255, 255, 255, 0.67) !important;
}

html body.resources-page .resources-governance-list .resources-check-item::before {
  background: rgba(112, 205, 176, 0.28) !important;
}

html body.resources-page .resources-faq-item {
  border-color: var(--tdl-resources-line) !important;
  background: #fff !important;
}

html body.resources-page .resources-faq-item[open],
html body.resources-page .resources-faq-item:hover {
  border-color: rgba(0, 96, 57, 0.3) !important;
}

html body.resources-page .resources-faq-icon {
  background: rgba(0, 96, 57, 0.1) !important;
  color: var(--tdl-resources-green) !important;
}

html body.resources-page main > .section.dark-gray-background {
  background:
    radial-gradient(circle at 78% 24%, rgba(112, 205, 176, 0.12), transparent 30%),
    var(--tdl-resources-forest) !important;
}

html body.resources-page main > .section.dark-gray-background h1,
html body.resources-page main > .section.dark-gray-background h2,
html body.resources-page main > .section.dark-gray-background .white-text {
  color: #fff !important;
}

html body.resources-page main > .section.dark-gray-background .v3-cta-paragraph,
html body.resources-page main > .section.dark-gray-background .common-rating-text {
  color: rgba(255, 255, 255, 0.7) !important;
}

html body.resources-page .tdl-rd-modal-panel {
  border-color: var(--tdl-resources-line) !important;
  background: #fff !important;
  box-shadow: 0 30px 90px rgba(5, 37, 29, 0.24) !important;
}

html body.resources-page .tdl-rd-kicker,
html body.resources-page .tdl-rd-success .resources-card-link {
  color: var(--tdl-resources-green) !important;
}

html body.resources-page .tdl-rd-input:focus {
  border-color: var(--tdl-resources-green) !important;
  box-shadow: 0 0 0 3px rgba(0, 96, 57, 0.12) !important;
}

html body.resources-page .footer {
  position: relative;
  z-index: 2;
  border-top: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
}

html body.resources-page .footer::before,
html body.resources-page .footer::after {
  display: none !important;
}

@media screen and (max-width: 767px) {
  html body.resources-page .resources-visual-hero {
    background:
      radial-gradient(circle at 82% 16%, rgba(112, 205, 176, 0.16), transparent 28%),
      linear-gradient(180deg, #fff, var(--tdl-resources-paper)) !important;
  }
}

html body.resources-blog-post-page .v1-common-hero-section {
  background:
    radial-gradient(ellipse 52% 72% at 84% 12%, rgba(112, 205, 176, 0.17), transparent 66%),
    linear-gradient(180deg, #fff 0%, #fbfbf8 62%, var(--tdl-resources-paper) 100%) !important;
}

html body.resources-blog-post-page .blog-label-div {
  border-color: var(--tdl-resources-green) !important;
  background: var(--tdl-resources-green) !important;
}

html body.resources-blog-post-page .blog-label-div .white-text {
  color: #fff !important;
}

html body.resources-blog-post-page .blog-category-div,
html body.resources-blog-post-page .blog-category-div .paragraph {
  color: var(--tdl-resources-green) !important;
}

html body.resources-blog-post-page .blog-category-div .blog-dot {
  background: var(--tdl-resources-green) !important;
}

html body.resources-blog-post-page .blog-detail-hero-heading-div h1 {
  color: var(--tdl-resources-ink) !important;
}

html body.resources-blog-post-page .blog-detail-hero-paragraph {
  color: var(--tdl-resources-muted) !important;
}

html body.resources-blog-post-page .blog-author-wrapper {
  border-color: var(--tdl-resources-line) !important;
}

html body.resources-blog-post-page .blog-author-image {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.resources-blog-post-page .blog-author-info-div .gray-950-text {
  color: var(--tdl-resources-ink) !important;
}

html body.resources-blog-post-page .blog-author-info-div .paragraph:not(.gray-950-text),
html body.resources-blog-post-page .blog-social-media-wrapper > .large-paragraph {
  color: var(--tdl-resources-muted) !important;
}

html body.resources-blog-post-page .blog-social-media-link {
  border-color: rgba(0, 96, 57, 0.18) !important;
  background: rgba(232, 245, 238, 0.92) !important;
  color: var(--tdl-resources-green) !important;
  box-shadow: 0 8px 22px rgba(5, 37, 29, 0.08) !important;
}

html body.resources-blog-post-page .blog-social-media-text {
  color: var(--tdl-resources-green) !important;
}

html body.resources-blog-post-page .blog-social-media-link:hover,
html body.resources-blog-post-page .blog-social-media-link:focus-visible {
  border-color: var(--tdl-resources-green) !important;
  background: var(--tdl-resources-green) !important;
  box-shadow: 0 12px 26px rgba(5, 37, 29, 0.16) !important;
}

html body.resources-blog-post-page .blog-social-media-link:hover .blog-social-media-text,
html body.resources-blog-post-page .blog-social-media-link:focus-visible .blog-social-media-text {
  color: #fff !important;
}

html body.resources-blog-post-page .blog-main-image-div {
  border-color: rgba(5, 37, 29, 0.14) !important;
  background: #e9efeb !important;
  box-shadow: 0 30px 84px rgba(5, 37, 29, 0.14) !important;
}

html body.resources-blog-post-page .blog-main-image-div::after {
  background: linear-gradient(110deg, transparent 0%, rgba(112, 205, 176, 0.16) 46%, transparent 68%) !important;
}

html body.resources-blog-post-page .blog-detail-section {
  background: var(--tdl-resources-paper) !important;
}

html body.resources-blog-post-page .blog-detail-wrapper-div {
  border-color: var(--tdl-resources-line) !important;
}

html body.resources-blog-post-page .blog-rich-text {
  color: var(--tdl-resources-muted) !important;
}

html body.resources-blog-post-page .blog-rich-text h2,
html body.resources-blog-post-page .blog-rich-text h3,
html body.resources-blog-post-page .blog-rich-text h4,
html body.resources-blog-post-page .blog-rich-text strong {
  color: var(--tdl-resources-ink) !important;
}

html body.resources-blog-post-page .blog-rich-text p,
html body.resources-blog-post-page .blog-rich-text li {
  color: #525a55 !important;
}

html body.resources-blog-post-page .blog-rich-text a {
  color: var(--tdl-resources-green) !important;
  text-decoration-color: rgba(0, 96, 57, 0.42) !important;
}

html body.resources-blog-post-page .blog-rich-text li::marker {
  color: var(--tdl-resources-green) !important;
}

html body.resources-blog-post-page .blog-rich-text blockquote {
  border-left-color: var(--tdl-resources-green) !important;
  background: rgba(0, 96, 57, 0.06) !important;
  color: #334039 !important;
}

html body.resources-blog-post-page .webdev-template-cta-section {
  background:
    radial-gradient(circle at 78% 22%, rgba(112, 205, 176, 0.12), transparent 30%),
    var(--tdl-resources-forest) !important;
}

html body.resources-blog-post-page .webdev-template-cta-section .v1-cta-image-div {
  border-color: rgba(112, 205, 176, 0.2) !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, 0.2) !important;
}

html body.resources-blog-post-page .webdev-template-cta-phone {
  border-color: rgba(112, 205, 176, 0.24) !important;
  color: #fff !important;
}

html body.resources-blog-post-page .webdev-template-cta-phone:hover,
html body.resources-blog-post-page .webdev-template-cta-phone:focus-visible {
  border-color: var(--tdl-resources-mint) !important;
  background: rgba(112, 205, 176, 0.08) !important;
}
