/* ========================================================================
   全局网格系统
   ======================================================================== */
.container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--space-5);
}

.section { padding-block: var(--space-8); }

/* 12 列网格（页面级布局可用） */
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap);
}

/* 小卡片网格：固定卡片宽度自适应列数 */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-small-w), 1fr));
  gap: var(--gap);
  align-items: start;
}

.stack { display: flex; flex-direction: column; gap: var(--space-4); }
.row   { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.between { justify-content: space-between; }
.spacer { flex: 1 1 auto; }

@media (max-width: 640px) {
  .container { padding-inline: var(--space-4); }
  .section { padding-block: var(--space-6); }
}