/* Scalable illustrations for the cybersecurity resilience essay. */
.safe-ai-page .safe-ai-figure {
    margin-block: 42px 48px;
}

.safe-ai-figure .figure-frame {
    background: var(--paper-0);
}

.safe-ai-figure .figure-header {
    padding: 26px 30px 12px;
}

.safe-ai-figure .figure-title {
    font-size: clamp(1.35rem, 2.4vw, 1.65rem);
}

.safe-ai-figure picture {
    display: block;
}

.safe-ai-figure .figure-image {
    background: var(--paper-0);
}

@media (max-width: 600px) {
    .safe-ai-page .safe-ai-figure {
        width: 100%;
        margin-inline: 0;
        transform: none;
    }

    .safe-ai-figure .figure-header {
        padding: 22px 20px 8px;
    }
}

@media print {
    .safe-ai-page .safe-ai-figure {
        break-inside: avoid;
    }
}