@import url('/style-base.css');

/* Explicit contrast rules for SEO content on dark and light surfaces. */
.resource-nav a {
  color: #dbeaff;
  font-weight: 600;
  text-decoration-color: #8fbaf2;
}

.seo-section,
.article-main {
  color: #f7f9fc;
}

.seo-section h2,
.seo-section h3,
.seo-section summary,
.article-main h1,
.article-main h2,
.article-main h3 {
  color: #fff;
}

.seo-section p,
.article-main p,
.article-main address {
  color: #f0f4fa;
}

.seo-section a:not(.primary),
.article-main a:not(.primary) {
  color: #a9ceff;
  text-decoration-color: #7facdf;
}

.resource-grid article,
.contact-panel {
  background: #f2f6f3;
  color: #102342;
}

.resource-grid article h3,
.contact-panel h2 {
  color: #102342;
}

.resource-grid article p,
.contact-panel p {
  color: #263c58;
}

.resource-grid article a:not(.primary),
.contact-panel a:not(.primary) {
  color: #075b49;
  text-decoration-color: #075b49;
}

.source-note,
.article-byline {
  color: #c4d0e1 !important;
}

.article-main .breadcrumb,
.article-main .breadcrumb a {
  color: #c9d8ec;
}

.contact-panel .primary {
  color: #fff;
}

.contact-panel .secondary {
  color: #075b49;
}

footer,
footer p {
  color: #aebdd3;
}

footer a {
  color: #d7e6fb;
}

@media (max-width: 700px) {
  .resource-grid article {
    padding: 24px;
  }

  .resource-grid article h3 {
    font-size: 23px;
    line-height: 1.3;
  }

  .resource-grid article p {
    font-size: 17px;
    line-height: 1.75;
  }

  .contact-panel .primary,
  .contact-panel .secondary {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 10px 0;
  }
}