/* ============================================================================
   /de/whitepaper/ (page-id 301594) — featured whitepaper cards: round the
   header image's TOP corners to match the card.
   ----------------------------------------------------------------------------
   Bug (QA, prod): the featured whitepaper cards (the 4 cards at the top —
   Retouren-Report, Logistik, GAIO, Wachstumsfenster) show their header image
   with SHARP SQUARE top corners that poke past the card's rounded outline,
   while the card's bottom corners are rounded.

   Fix: clip the card's contents to the CARD's own border-radius via
   `overflow: hidden`. This rounds the image's top corners to exactly match the
   card — with NO hardcoded radius value.

   Why not a fixed px radius: the `.card.basic-br` corner radius is NOT the same
   in every environment (≈15px on the dev clone, larger on staging/prod). A
   hardcoded `border-radius: 46px` on the image therefore over-rounds it relative
   to the card on some envs, leaving a visible gap at the corner. Letting the
   card clip its own children keeps the image radius == card radius everywhere.

   Covers both card variants automatically:
     - the 3 normal cards render a visible <img.card-img-top>;
     - the first card (Retouren-Report) hides its real <img> (jp-628-whitepaper.css
       sets it opacity:0 because the local file 404'd) and paints the thumbnail as
       a background-image on the <picture> WRAPPER.
   `overflow:hidden` on the card clips both to the rounded top corners.

   Scope: the featured `.card.basic-br` cards only. The blog-slider cards below
   are `.border-0` (NOT `.basic-br`) and keep their own 24px treatment from
   qa-whitepaper-blog-card-image-border.css. The card carries no box-shadow, so
   clipping is safe.
   ============================================================================ */

body.page-id-301594 .card.basic-br {
    overflow: hidden !important;
}