.qdv2-container {
  width: 100%;
  max-width: var(--qdv2-container-max);
  margin-inline: auto;
  padding-inline: var(--qdv2-gutter);
}

.qdv2-section {
  padding-block: var(--qdv2-section-y);
}

.qdv2-section--sm {
  padding-block: var(--qdv2-section-y-sm);
}

.qdv2-grid {
  display: grid;
  gap: var(--qdv2-space-6);
}

.qdv2-grid--12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.qdv2-col-span-12 { grid-column: span 12; }
.qdv2-col-span-6 { grid-column: span 12; }
.qdv2-col-span-4 { grid-column: span 12; }
.qdv2-col-span-3 { grid-column: span 12; }

@media (min-width: 768px) {
  .qdv2-col-span-6 { grid-column: span 6; }
  .qdv2-col-span-4 { grid-column: span 6; }
  .qdv2-col-span-3 { grid-column: span 6; }
}

@media (min-width: 1024px) {
  .qdv2-col-span-4 { grid-column: span 4; }
  .qdv2-col-span-3 { grid-column: span 3; }
  .qdv2-col-span-6 { grid-column: span 6; }
}

.qdv2-stack {
  display: flex;
  flex-direction: column;
  gap: var(--qdv2-space-4);
}

.qdv2-stack--lg {
  gap: var(--qdv2-space-8);
}

.qdv2-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qdv2-space-3);
}

.qdv2-main {
  min-height: calc(100vh - var(--qdv2-nav-height));
}

.qdv2-breadcrumb {
  padding-block: var(--qdv2-space-3);
}

.qdv2-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qdv2-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--qdv2-text-sm);
  color: var(--qdv2-text-subtle);
}

.qdv2-breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin-left: var(--qdv2-space-2);
  color: var(--qdv2-text-subtle);
  opacity: 0.6;
}

.qdv2-breadcrumb__item a {
  color: var(--qdv2-text-muted);
}

.qdv2-breadcrumb__item a:hover {
  color: var(--qdv2-brand-hover);
}

.qdv2-breadcrumb__item span[aria-current="page"] {
  color: var(--qdv2-text);
}