body[data-page="resources"] .resource-map .card { display: flex; flex-direction: column; align-items: center; text-align: center; }
body[data-page="resources"] .resource-card-icon {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border: 1px solid #bdd4df;
  border-radius: 10px;
  color: var(--blue);
  background: linear-gradient(145deg, #fff, #eef8fb);
  box-shadow: 0 6px 16px rgba(11,39,77,.09);
}
body[data-page="resources"] .resource-card-icon .external-svg {
  width: 70px;
  height: 70px;
}
body[data-page="resources"] .resource-map h2 { margin-top: 16px; }
body[data-page="resources"] .resource-map p { flex: 1; }
body[data-page="resources"] .resource-map .button { width: 100%; box-shadow: inset 4px 0 0 var(--accent); }
body[data-page="resources"] .resource-map .button:hover,
body[data-page="resources"] .resource-map .button:focus-visible { border-color: var(--accent-edge); background: var(--accent-soft); box-shadow: inset 4px 0 0 var(--accent), 0 7px 18px var(--accent-shadow); }