.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 100;
  background: #fff;
  color: #0b2838;
  padding: .8rem 1rem;
  border: 2px solid #16816b;
  font-weight: 800;
}
.skip-link:focus { top: 1rem; }
.resource-grid h3 a { text-decoration: none; }
.resource-grid h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.answer-index-link { margin-top: 24px; }
.article-nav,
.footer-nav { display: flex; flex-wrap: wrap; gap: 12px 22px; }
.article-header nav { display: flex; position: static; padding: 0; border: 0; background: transparent; flex-direction: row; align-items: center; }
.article-nav { margin-top: 18px; }
.article-nav a,
.footer-nav a { font-weight: 700; }
.footer-nav { grid-column: 1 / -1; }
.article-shell .profile-photo { width: min(310px, 100%); height: auto; }
.profile-grid { display: grid; grid-template-columns: minmax(220px, .55fr) 1.45fr; gap: 46px; align-items: start; }
.service-grid,
.topic-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 30px 0; }
.service-grid article,
.topic-index article { padding: 26px; border: 1px solid var(--line); background: #f8fbfb; }
.service-grid h2,
.topic-index h2 { font-size: 1.45rem; margin-top: 0; }
.topic-index a { color: #075c4c; font-weight: 800; }
.topic-index p { color: var(--muted); }
:focus-visible { outline: 3px solid #20a186; outline-offset: 3px; }
@media (max-width: 760px) {
  .service-grid,
  .topic-index,
  .profile-grid { grid-template-columns: 1fr; }
  .article-header { align-items: flex-start; gap: 14px; padding-top: 20px; padding-bottom: 20px; }
  .article-header nav { flex-wrap: wrap; }
}