/**
 * Immigration Guides — category tiles, hub, reviewed-by
 */

.vm-guide-reviewed {
  font-family: var(--vm-font);
  font-size: 14px;
  line-height: 1.5;
  color: #5a5a5a;
  margin: 0 0 20px;
  max-width: 46rem;
}

.vm-guide-reviewed a {
  color: var(--vm-blue-dark, #4db1d8);
  text-decoration: underline;
}

.vm-guide-category-tiles {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vm-guide-category-tile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(40, 38, 78, 0.12);
  border-radius: 6px;
  background: #fff;
  text-decoration: none;
  color: var(--vm-heading, #28264e);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.vm-guide-category-tile:hover,
.vm-guide-category-tile.is-active {
  border-color: var(--vm-blue-dark, #4db1d8);
  background: rgba(77, 177, 216, 0.08);
  color: var(--vm-heading, #28264e);
}

.vm-guide-category-tile__name {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
}

.vm-guide-category-tile__count {
  font-size: 13px;
  color: #6b6b6b;
  white-space: nowrap;
}

.vm-guide-category-tile--clear {
  justify-content: center;
  font-weight: 600;
  color: var(--vm-blue-dark, #4db1d8);
}

.vm-guide-hub {
  padding: 56px 0 72px;
}

.vm-guide-hub__intro {
  margin-top: 24px;
  margin-bottom: 28px;
  font-size: var(--vm-fs-18, 18px);
  line-height: 1.55;
  color: var(--vm-text-body, #3e3e3e);
}

/* Guide category hub only — listing page keeps the title spacing */
.tax-visa_explainer_category .vm-page-title {
  margin-bottom: 0;
}

.vm-guide-hub__service a {
  font-family: var(--vm-font);
  font-size: var(--vm-fs-18, 18px);
  font-weight: 600;
  color: var(--vm-blue-dark, #4db1d8);
  text-decoration: underline;
}

.vm-guide-hub__service a:hover {
  color: var(--vm-heading, #28264e);
}

.vm-guide-related {
  padding: 56px 0;
  background: var(--vm-grey-light, #f5f5f5);
}

.vm-guide-related__case,
.vm-guide-hub__case {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  height: 100%;
}

.vm-guide-related__cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.vm-how-we-work {
  padding: 64px 0 80px;
}

.vm-how-we-work__step {
  background: #fff;
  border: 1px solid rgba(40, 38, 78, 0.08);
  border-radius: 6px;
  padding: 28px 24px;
  height: 100%;
}

.vm-how-we-work__num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--vm-heading, #28264e);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 14px;
}

.vm-visa-card__category {
  font-family: var(--vm-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--vm-blue-dark, #4db1d8);
  margin: 0 0 10px;
}