/* FAQ v9 — open state (no Tailwind ring in JS) */
.faq-item.playbook-solver-grown {
    transform: scale(1.02);
}

/* Element sizes */
.playbook-solver__thumb { width: 2.5rem; height: 2.5rem; }
.playbook-solver__icon-circle { width: 2rem; height: 2rem; }
.playbook-solver__svg-arrow { width: 1.25rem; height: 1.25rem; }

/* Decorative blobs */
.playbook-solver__blob-a { top: 0; left: 25%; width: 24rem; height: 24rem; }
.playbook-solver__blob-b { bottom: 0; right: 25%; width: 20rem; height: 20rem; }

/* Bootstrap: explicit grid + gap (row gutters often collapse) */
.tips-grid__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

@media (min-width: 768px) {
    .tips-grid__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tips-grid__subtitle {
    max-width: 42rem;
}

.tips-grid__thumb {
    width: 3rem;
    height: 3rem;
}

/* glossary invert — hover lift supplied via Tailwind on @sem('block'). */