.zk-container {
    width: min(100% - 32px, var(--zk-container));
    margin-inline: auto;
}

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

.zk-section--compact {
    padding-block: clamp(32px, 4vw, 56px);
}

.zk-section--tight {
    padding-block: 28px;
}

.zk-grid {
    display: grid;
    gap: 24px;
}

.zk-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zk-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zk-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zk-stack > * + * {
    margin-top: 18px;
}

.zk-page-shell {
    background: var(--zk-cream-50);
}

.zk-content-card {
    background: var(--zk-white);
    border: 1px solid var(--zk-line);
    border-radius: var(--zk-radius-lg);
    box-shadow: var(--zk-shadow-card);
}