/* 엑소드 사이트 구조 — AI 안내 1차 동선 */
.site-nav-ai-primary {
  background: linear-gradient(135deg, #0d2b6e 0%, #1a4a9e 100%) !important;
  color: #fff !important;
  font-weight: 700;
  border-radius: 999px;
  padding: 8px 14px !important;
}
.site-nav-ai-primary:hover {
  background: linear-gradient(135deg, #1a4a9e 0%, #2563c7 100%) !important;
  color: #fff !important;
}
nav.main-nav a.site-nav-active {
  background: var(--bg);
  font-weight: 700;
}
.site-ai-guide-hub {
  padding: 48px 0 32px;
  background: linear-gradient(180deg, rgba(13, 43, 110, 0.04) 0%, transparent 100%);
  border-bottom: 1px solid var(--line);
}
.site-ai-guide-hub-grid {
  display: grid;
  grid-template-columns: minmax(140px, 200px) 1fr;
  gap: 28px;
  align-items: center;
}
.site-ai-guide-hub-face {
  min-height: 200px;
  border-radius: 16px;
  background: rgba(13, 43, 110, 0.06);
  border: 1px solid rgba(13, 43, 110, 0.12);
  overflow: hidden;
}
.site-ai-guide-hub-paths {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.site-ai-guide-hub-paths a,
.site-ai-guide-hub-paths button {
  border: 1px solid var(--line);
  background: var(--white);
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.site-ai-guide-hub-paths button.site-ai-guide-hub-start {
  background: linear-gradient(135deg, #0d2b6e 0%, #1a4a9e 100%);
  color: #fff;
  border-color: transparent;
  font-weight: 700;
}
.site-ai-guide-hub-paths button.site-ai-guide-hub-start:hover {
  filter: brightness(1.08);
  color: #fff;
}
@media (max-width: 768px) {
  .site-ai-guide-hub-grid {
    grid-template-columns: 1fr;
  }
  .site-ai-guide-hub-face {
    min-height: 160px;
  }
}