.ai-stack-diagram {
    position: relative;
    background: var(--white);
    padding: var(--spacing-20) 0 var(--spacing-20);
}

.ai-stack-diagram__container {
    position: relative;
    max-width: 1080px;
    width: calc(100% - var(--spacing-12));
    margin: 0 auto;
    padding: 0 var(--spacing-4);
}

.ai-stack-diagram__figure {
    margin: 0;
}

.ai-stack-diagram__svg {
    display: block;
    width: 100%;
    height: auto;
}

.ai-stack-diagram__svg svg {
    display: block;
    width: 100%;
    height: auto;
}

.ai-stack-diagram__caption {
    margin: var(--spacing-4) 0 0;
    max-width: 78ch;
    color: var(--gray-500);
    font-size: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
    line-height: 1.55;
}

@media (max-width: 768px) {
    .ai-stack-diagram {
        padding: var(--spacing-12) 0 var(--spacing-12);
    }

    .ai-stack-diagram__container {
        width: calc(100% - var(--spacing-8));
    }
}