.page-container,
.ds-container {
    width: min(100%, var(--content-width));
    margin-inline: auto;
    padding-inline: clamp(1rem, 3.5vw, 1.75rem);
    box-sizing: border-box;
}

.ds-stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.ds-grid-2,
.ds-grid-3,
.ds-grid-auto,
.ds-card-grid {
    display: grid;
    align-items: start;
    gap: clamp(var(--space-md), 3vw, var(--space-xl));
}

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

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

.ds-grid-auto,
.ds-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 760px) {
    .ds-grid-2,
    .ds-grid-3 {
        grid-template-columns: 1fr;
    }
}