/* JP-1029 — vergleich-auswahl-checkliste (page 288471, EN twin 310795):
   the light-blue cards (.product-subcard-widget.jtl-box--blue) sit too close to
   each other and to the surrounding text under tablet size — the layout looks
   cramped/sticky.

   Cause: the subcard carries `md-offset-y-none`, which the ProductSubCard
   widget turns into `margin-top: 0` at <=767px — wiping the editor's inline
   `margin-top: 35px`. So each blue card sticks to the element above it, and to
   the previous card, on tablet/mobile.

   Fix: restore a clear top gap on these blue cards under tablet size. This is
   purely additive (only increases the top margin), so no existing bottom
   spacing is reduced — the gap between consecutive cards and between a card and
   the surrounding text both open up. `#app` + the page-id give enough
   specificity to beat the widget's `md-offset-y-none` rule. Page-id 288471 is
   stamped on the EN twin too (CLAUDE.md rule 21), so this covers both languages.

   (The "Store system guide" arrow-link centering in the same cards is the
   JP-1036 widget fix, already on main.)

   NOTE: verified statically — this page OOM-crashes headless on this box; review
   on the dev clone at tablet width and tune the 40px value against the Figma
   (node 2248-12739) if the gap should be larger/smaller. */

@media (max-width: 991.98px) {
    body.page-id-288471 #app .product-subcard-widget.jtl-box--blue {
        margin-top: 40px !important;
    }
}