body {
    background-color: skyblue;
}

/*
 * Strategy matrix grid editor (REQ-3/8): a ragged legacy cell has no value
 * to colour by, so it is hatched instead of just left blank - colour is
 * never the only signal for it. The stripe colour mirrors the `warning-100`
 * design token (#FEF3C7); Tailwind's Play CDN generates utility classes
 * from the DOM, but a diagonal-stripe background has no utility class, so
 * it is hand-written here rather than invented as a fake `bg-*` class.
 */
.strategy-matrix-cell-missing {
    background-image: repeating-linear-gradient(
        45deg,
        #fef3c7 0,
        #fef3c7 4px,
        #ffffff 4px,
        #ffffff 8px
    );
}

/* REQ-8: colour transitions in the grid must not run for anyone who asked
   the OS to reduce motion. */
@media (prefers-reduced-motion: reduce) {
    .strategy-matrix * {
        transition: none !important;
        animation: none !important;
    }
}