/* Cross-Link Section (#5803) */
.cross-links-section {
  padding: 48px 24px;
  background: var(--surface-alt, #f8fafc);
  border-top: 1px solid var(--border, #e2e8f0);
}
.cross-links-container {
  max-width: 900px;
  margin: 0 auto;
}
.cross-links-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--heading, #1a1a2e);
}
.cross-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}
.cross-link-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: white;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 12px;
  text-decoration: none;
  color: var(--body, #334155);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.cross-link-card:hover {
  border-color: var(--primary, #1c3070);
  box-shadow: 0 2px 8px rgba(28, 48, 112, 0.1);
}
.cross-link-icon { font-size: 1.25rem; flex-shrink: 0; }
.cross-link-text { flex: 1; font-weight: 500; font-size: 0.9rem; }
.cross-link-arrow { color: var(--primary, #1c3070); font-weight: 700; }

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .cross-links-section { background: #0b0e14; border-color: #334155; }
  .cross-link-card { background: #161b22; border-color: #334155; color: #c9d1d9; }
  .cross-link-card:hover { border-color: #38bdf8; box-shadow: 0 2px 8px rgba(56, 189, 248, 0.15); }
  .cross-links-title { color: #f0f6fc; }
  .cross-link-arrow { color: #38bdf8; }
}