/* The localized pages use a dedicated class so shared footer scripts cannot
   rewrite these eight resource links. Each link is visually independent. */
.section-page-en[data-section="technical-resources"] .seo-priority-link-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 20px;
  min-width: 0;
  margin-top: 8px;
}

.section-page-en[data-section="technical-resources"]
  .seo-priority-link-list
  a {
  display: flex;
  min-width: 0;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 1px solid #b7d9ec;
  border-radius: 999px;
  background: #eaf6ff;
  box-sizing: border-box;
  color: #0b568c;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.section-page-en[data-section="technical-resources"]
  .seo-priority-links
  :is(.footer-links, .seo-priority-link-list)
  a {
  color: #0b568c;
}

.section-page-en[data-section="technical-resources"]
  .seo-priority-links
  :is(.footer-links, .seo-priority-link-list)
  a:hover,
.section-page-en[data-section="technical-resources"]
  .seo-priority-links
  :is(.footer-links, .seo-priority-link-list)
  a:focus-visible {
  color: #073b61;
}

.section-page-en[data-section="technical-resources"]
  .seo-priority-links
  :is(.footer-links, .seo-priority-link-list)
  a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.section-page-en[data-section="technical-resources"]
  .seo-priority-link-list
  a:hover,
.section-page-en[data-section="technical-resources"]
  .seo-priority-link-list
  a:focus-visible {
  border-color: #1689c2;
  background: #ccecff;
  color: #073b61;
  box-shadow: 0 6px 16px rgba(11, 86, 140, .18);
  transform: translateY(-2px);
}

@media (max-width: 980px) {
  .section-page-en[data-section="technical-resources"] .seo-priority-link-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .section-page-en[data-section="technical-resources"] .seo-priority-link-list {
    grid-template-columns: minmax(0, 1fr);
  }
}