/**
 * whitepaper-card-radius.css — sync the DE whitepaper cards to the EN design.
 *
 * Pages: /de/whitepaper/ (page 301594)  and its EN twin /en/whitepaper/ (310567)
 *        Section: "E-Commerce Insights — Unsere Whitepaper im Überblick".
 *
 * THE DIVERGENCE
 * --------------
 * The EN page carries a WPBakery per-page Custom CSS block
 * (`_wpb_post_custom_css`, emitted as <style data-type="vc_custom-css"> in <head>):
 *
 *     .basic-br { border-radius: 15px !important; border: none; }
 *
 * The DE page has NO such meta row at all (verified: `SELECT post_id FROM
 * wp_postmeta WHERE meta_key='_wpb_post_custom_css' AND post_id=301594` -> empty).
 * So DE falls through to the theme default `style.css` `.basic-br {
 * border-radius: 46px !important; }` and its cards render as 46px pills while the
 * EN cards render as 15px rounded rectangles. Everything else about the two grids
 * already matches (same row/column wrappers, same 3 + 1 wrap, same 143px covers).
 *
 * EN is the model, so bring DE to 15px. Same class of bug as the partner-search
 * hero: a per-page Custom CSS block that exists on one twin only.
 *
 * WHY A STYLESHEET AND NOT THE `_wpb_post_custom_css` META
 * -------------------------------------------------------
 * The EN block also carries two rules we must NOT propagate:
 *   - `body, p a { color: #333333 }` — a blanket recolour, banned by
 *     .claude/rules/css-override.md §2.
 *   - `.outline-btn { box-shadow: inset 0 0 0 2px #333 }` — explicitly rejected.
 * Copying the meta row wholesale would drag both onto the German page. Only the
 * card rule is ported.
 *
 * SCOPE / WPML TWIN TRAP (css-override.md §3)
 * -------------------------------------------
 * `body.page-id-301594` matches BOTH twins — WPML stamps the original DE id onto
 * the translated EN body, whose class list is `page-id-310567 page-id-301594`.
 * That is intentional and safe here: the rule sets EN to the value EN's own
 * per-page CSS already sets, so the EN render is unchanged. Both ids are listed
 * explicitly so the intent survives the next reader. No other page carries either
 * id.
 */

body:is(.page-id-301594, .page-id-310567) .basic-br {
    border-radius: 15px !important;
    border: none !important;
}
