/* Resource page styles. */
.links-intro {
  padding:65px 0 42px
}

.links-intro h1 {
  font-size:64px
}

.links-note {
  font-size:13px;
  color:#65705d;
  max-width:720px
}

.category-nav {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px
}

.category-nav a {
  border:1px solid var(--line);
  padding:7px 13px;
  border-radius:20px;
  font-size:13px;
  text-decoration:none
}

.category-nav a:hover {
  background:var(--green)
}

.resource-section {
  padding:38px 0;
  border-top:1px solid var(--line);
  scroll-margin-top:25px
}

.resource-intro {
  max-width:760px;
  font-size:16px;
  color:#58634f
}

.resource-list {
  list-style:none;
  margin:25px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px 35px
}

.resource-list li {
  padding:20px 0;
  border-top:1px solid var(--line)
}

.resource-meta {
  font-family:monospace;
  font-size:11px;
  color:#65705d;
  margin-bottom:10px
}

.resource-list h3 {
  font-size:23px;
  letter-spacing:-.6px;
  font-weight:500;
  margin:0 0 12px;
  line-height:1.25
}

.resource-list h3 a {
  text-decoration:none
}

.resource-list h3 a:hover {
  text-decoration:underline
}

.resource-list p {
  font-size:15px;
  margin:0;
  color:#58634f
}

.links-end {
  padding:30px;
  background:var(--green);
  margin:15px 0 30px
}

.links-end h2 {
  font-size:30px
}

.links-end p {
  font-size:15px
}

.links-main {
  padding-bottom:40px
}

.links-main .category-nav a:first-child {
  display:block
}

@media(max-width:700px) {
  .links-intro h1 {
    font-size:49px
  }

  .resource-list {
    grid-template-columns:1fr;
    gap:5px
  }

  .links-intro {
    padding-top:40px
  }

}

.provider-links {
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--line)
}

.provider-links>h3 {
  font-size:25px;
  letter-spacing:-.7px;
  line-height:1.25;
  font-weight:500;
  margin:0 0 14px
}