/* =========================================================================
   pages/start.css - «Начать»: две карточки и «Назад» под ними (.cards-row,
   .cards-back - components.css). Фон - общий
   (components.css, «Фон»).
   ========================================================================= */

body {
    overflow-x: hidden;
}

/* --- Карточки ---------------------------------------------------------------- */
.start {
    min-height: calc(100vh - var(--header-space));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* при переносе карточек в столбец строки не растягиваются по высоте */
    align-content: center;
    /* снизу больше на высоту шапки: карточки по центру всего окна, а не
       области под шапкой, иначе кажутся опущенными (как на главной) */
    padding-block: var(--space-12) calc(var(--space-12) + var(--header-space));
}

/* Сами карточки (.action-card, мини-таблицы) - components.css, «Карточки действий» */