/* Datakar Layout v2 — shared containers and spacing rhythm. */
.dk-container {
  width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-container));
  margin-inline: auto;
}

.dk-shell-container {
  width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-shell-max));
  margin-inline: auto;
}

.dk-page {
  padding-block: var(--dk-space-6) var(--dk-space-8);
}

.dk-section + .dk-section {
  margin-block-start: var(--dk-space-6);
}

.dk-stack {
  display: grid;
  gap: var(--dk-space-4);
}

.dk-stack--tight { gap: var(--dk-space-2); }
.dk-stack--loose { gap: var(--dk-space-5); }

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

@media (max-width: 620px) {
  :root { --dk-page-gutter: 0.85rem; }
  .dk-page { padding-block: var(--dk-space-5) var(--dk-space-7); }
}