/* =====================================================================
   jp-833-agentic-commerce-de-padding.css
   DE /de/ki/agentic-commerce — roadmap section (#was-jtl-liefert):
   remove the redundant inner padding that made every row too tall.
   ---------------------------------------------------------------------
   The right (solution) column of each roadmap row is a CardsStandard whose
   wrapper ALREADY carries the design's 46px padding:

       .basic-br.card              padding: 46px    <- Figma spec (p-[46px])
         > .card-body              padding: 36px    <- Bootstrap card default, redundant

   So the right column's text sat 46 + 36 = 82px from the border, while the
   left column's .list-widget sits at 46px. Two consequences:

     1. the two columns were visibly misaligned (82px vs 46px inset), and
     2. the doubled vertical padding (164px per row) inflated the row height,
        which is the "space of every row is quite big" report.

   Zeroing the nested .card-body padding leaves the design's single 46px on
   the card, matching the left column and the Figma frame (451:17792 /
   451:17797, both `p-[46px]`). Measured on the tunnel, row heights:

       before  420 / 276 / 280 / 336 / 308   (1620px total)
       after   360 / 276 / 276 / 248 / 276   (1436px total)  -> 184px saved

   The 24px gap BETWEEN rows and the section's 80px block padding are left
   alone — both already match Figma (gap-[24px], py-[80px]).

   SCOPE — DE only, deliberately. The EN twin (/en/ai/agentic-commerce,
   #what-jtl-delivers) is built from a different template: its card wrapper
   has padding 0 and the .card-body's 36px is the ONLY inset it has. Zeroing
   it there would push the copy flush against the card border. Verified:
       DE  .basic-br.card = 46px, .card-body = 36px   (rows up to 420px)
       EN  .basic-br.card =  0px, .card-body = 36px   (rows 172-240px)
   The #was-jtl-liefert anchor exists only on the DE page (EN uses
   #what-jtl-delivers), so this cannot reach EN; body.page-id-302206 pins it
   to the DE page as well. `.card-body` is used site-wide, hence the tight
   section-id scope — see CLAUDE.md rule 4b. */

body.page-id-302206 #was-jtl-liefert .basic-br.card > .card-body {
    padding: 0 !important;
}