.resource-hub { max-width: 1060px; }
.resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 36px 0; }
.resource-hub .resource-card { margin: 0; padding: 24px; border: 1px solid var(--nx-border-2); border-radius: 16px; background: var(--nx-bg-2); }
.resource-hub .resource-card h2 { margin: 0 0 14px; font-size: 22px; }
.resource-card p { overflow-wrap: anywhere; }
.resource-card a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 700px) {
  .resource-grid { grid-template-columns: 1fr; }
  .resource-hub .resource-card { padding: 20px; }
}