/* VSW-TR-01 · Trang tài trợ: đầu trang */
.trd-dau-trang {
  padding-block: calc(var(--vs-k6) + var(--vs-k2));
}

.trd-duong-dan {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--vs-k2);
  margin-bottom: var(--vs-k4);
  font-family: var(--vs-font-noi-dung);
  font-size: var(--vs-co-chu-thich);
  font-weight: 500;
  line-height: var(--vs-dong-nhan);
  color: var(--vs-muted);
}

.trd-duong-dan a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--vs-cham-toi-thieu);
  min-height: var(--vs-cham-toi-thieu);
  color: var(--vs-action);
}

.trd-h1 {
  margin-bottom: var(--vs-k3);
  font-size: var(--vs-co-h1-trang);
  line-height: var(--vs-dong-display);
  color: var(--vs-blue);
  text-wrap: balance;
}

.trd-mo-ta {
  max-width: 60ch;
  font-family: var(--vs-font-noi-dung);
  font-size: var(--vs-co-dan);
  line-height: var(--vs-dong-dan);
  color: var(--vs-muted);
  text-wrap: balance;
}

@media (min-width: 768px) {
  .trd-dau-trang {
    padding-block: var(--vs-k7);
  }
}

@media (min-width: 1024px) {
  .trd-dau-trang {
    padding-block: var(--vs-k8);
  }
}