@keyframes rotateSquare {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.intro-pattern-overlay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, currentColor 20px, currentColor 40px);
    opacity: 0.03;
    top: -20%;
    left: -30%;
    width: 100%;
    height: 100%;
    animation: rotateSquare 20s linear infinite;
}

.intro-pattern-content {
    max-width: 56rem;
}

/* content stride — alternating paragraph inset (no surfaces) */
.content-stride__para--odd {
    padding-inline-start: 0;
}

@media (min-width: 768px) {
    .content-stride__para--even {
        padding-inline-start: 2rem;
    }
}

/* glossary zig — reserved for layout-only hooks; motion lives in Tailwind on @sem('row'). */

.tips-cards__card {
    max-width: 24rem;
}