/*
 * JP-791 — Preise & Editionen: checkmark icons misaligned with list text
 * ---------------------------------------------------------------------------
 * Pages: /de/preise-und-tarife  (preise-und-editionen, body.page-id-236585)
 *        /en/pricing            (body.page-id-262970)
 *
 * The pricing-card feature lists (ul.pricetable2-list) lay each row out as a
 * flex li: [check icon] + [text]. The icon (.pricetable2-list-icon, 18px) was
 * nudged down with a hard `margin-top:5px` while its own line-box (18px) is
 * shorter than the 24px text line — so the check glyph does not sit on the
 * optical centre of the first text line (it reads as misaligned, most visible
 * on single-line rows).
 *
 * Fix: give the icon a 24px line-box matching the text line-height and centre
 * the glyph within it, dropping the manual 5px nudge. The check now centres on
 * the first line of text for both single- and multi-line rows.
 */
body:is(.page-id-236585, .page-id-262970) ul.pricetable2-list > li {
    align-items: flex-start;
}
body:is(.page-id-236585, .page-id-262970) ul.pricetable2-list > li > .pricetable2-list-icon {
    margin-top: 0 !important;
    height: 24px !important;
    line-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
}