/*
 * Element type `checkout-md` — public/css/partials/checkout-md.css
 *
 * tasks/PLAN_20_CHECKOUT_GUARANTEE_LABEL_260926.md §5.2. Linked by the glob in
 * themes/default/sections/section.styles.phtml, after custom.min.css, so a
 * type can override the theme. It is live because the file exists.
 *
 * THE GUARANTEE LABEL, and nothing else of the checkout: the addresses, the
 * choices and the cart table are the theme's and cart.css's.
 *
 * .checkout-md__guarantee      at most 720 px wide, centred (plan 20
 *                              decision 5): the label is an A4 page of small
 *                              print, and at 720 px its body text reads at
 *                              ~13 px. Below 720 px the cap does nothing and
 *                              the block takes the column's full width.
 *                              The bottom margin separates it from the cart.
 * .checkout-md__guarantee-img  fluid. The theme has no img-fluid (0 hits in
 *                              plugins.css and styles-5.css), and the <img>
 *                              carries no width / height because the picker
 *                              can hold any image (decision 13).
 *
 * The intro above the image inherits the theme's paragraph styles, as the
 * md_txt1 notice does.
 */

.checkout-md__guarantee {
    max-width: 720px;
    margin: 0 auto 2rem;
}

.checkout-md__guarantee-img {
    display: block;
    width: 100%;
    height: auto;
}