/* Примеры работ и типовые сроки. */
@layer theme.components {

.cases {
  display: grid;
  margin: 24px 0 0;
  padding: 0;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  list-style: none;
}
.cases__card {
  padding: 20px;
  border: 1px solid var(--color-border-card);
  border-radius: var(--radius-md);
}
.cases__name { margin-block-end: 8px; }
.cases__text { color: var(--color-text-body); }

.timings {
  display: grid;
  margin: 24px 0 0;
  gap: 0 32px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.timings__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-block: 12px;
  border-block-end: 1px solid var(--color-border-row);
  gap: 16px;
}
.timings dt { color: var(--color-text-muted); font-size: var(--font-size-small); }
.timings dd { margin: 0; font-weight: 600; }

}