.daily-flow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  min-width: 0;
  transition: transform 0.3s ease;
}

.daily-flow__sheet {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 100%;
  min-width: 0;
}

.daily-flow__part {
  --part-pad-y: 4.236rem;
  --part-pad-x: 1.618rem;
  flex: 1 1 100%;
  min-width: 0;
  padding: var(--part-pad-y) var(--part-pad-x);
}

.daily-flow__part--slant {
  --part-pad-y: 6.5rem;
  background: #eef2f7;
  clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 96%);
}

.daily-wrap {
  --wrap-width: 86vw;
  --wrap-max: 72rem;
  width: var(--wrap-width);
  max-width: var(--wrap-max);
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}

.daily-wrap--narrow {
  --wrap-max: 50rem;
}

.daily-row {
  --row-gap: 1.618rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--row-gap);
  min-width: 0;
}

.daily-row__cell {
  flex: 1 1 14rem;
  min-width: 0;
}

body.mm-pushed {
  transform: none;
}

.mm-pushed .daily-flow,
.mm-pushed .daily-path-end {
  transform: translateX(280px);
}

@media (max-width: 1024px) {
  .daily-wrap {
    --wrap-width: 90vw;
  }
}

@media (max-width: 768px) {
  .daily-flow__part {
    --part-pad-y: 2.618rem;
    --part-pad-x: 0;
  }

  .daily-flow__part--slant {
    --part-pad-y: 3.4rem;
    clip-path: polygon(0 0, 100% 4vw, 100% 100%, 0 calc(100% - 4vw));
  }

  .daily-wrap {
    --wrap-width: 91vw;
  }

  .daily-row__cell {
    flex: 1 1 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .daily-flow {
    transition: none;
  }
}