/* ==========================================================================
   SEPTIMA CSS - layout.css
   Verze: 0.1
   Účel: Univerzální layout objekty
   ========================================================================== */

/* Široký kontejner stránky */
.container {
    width: min(100% - 2rem, var(--container-width));
    margin-inline: auto;
}

/* Čitelná šířka obsahu */
.content {
    width: min(100%, var(--content-width));
    margin-inline: auto;
}

/* Vertikální skládání prvků */
.stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Horizontální seskupení prvků */
.cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    align-items: center;
}


body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}