/* The in-product Margin offer card (spec §5), styled once for both placements —
 * the Rescue Kit's download page and the Application Manager — because the offer
 * is one thing and a buyer may well see it in both. Its own file rather than a
 * block in each page's stylesheet for exactly that reason.
 *
 * Depends on the palette variables both host stylesheets define (--paper,
 * --paper-line, --ink, --ink-soft, --pen). They carry identical values in
 * commerce.css, rescue-kit.css and application-manager.css.
 */

/* The in-product Margin offer (spec §5). Restrained on purpose: §5 forbids a
   countdown, an artificial deadline, a modal, and a repeated aggressive prompt,
   so this is a bordered card in the flow of the page and nothing else. It cannot
   cover anything, it cannot be dismissed-and-re-shown, and it has no timer to
   animate. */
.offer{ background:var(--white); border:1px solid var(--paper-line); border-left:4px solid var(--pen); border-radius:10px; padding:22px 24px; margin:0 0 22px; }
.offer h2{ margin-bottom:8px; }
.offer .options{ list-style:none; padding:0; margin:14px 0 0; }
.offer .options li{ margin:0 0 12px; }
.offer .options button{ width:100%; text-align:left; background:var(--paper); border:1px solid var(--paper-line); border-radius:8px; padding:13px 15px; font-size:14.5px; font-family:inherit; color:var(--ink); cursor:pointer; min-height:48px; }
.offer .options button:hover{ border-color:var(--pen); }
.offer .options button:disabled{ opacity:.55; cursor:default; }
.offer .options .fine{ display:block; font-size:12.5px; color:var(--ink-soft); margin-top:4px; line-height:1.45; }

/* Scoped so this file can be dropped into any of the three host pages without
   colliding with their own .status / .small rules. --warn is defined by each
   host stylesheet; the fallback keeps an error legible if one ever isn't. */
.offer .status{ font-size:13.5px; margin:10px 0 0; min-height:20px; color:var(--ink-soft); }
.offer .status.error{ color:var(--warn, #9A3B2E); }
.offer .small{ font-size:13px; color:var(--ink-soft); line-height:1.5; }

/* ---------------------------------------------------------------------------
   The Back-to-School private upgrade block on the download page.

   A promotional buyer reaching this page used to be shown the ordinary
   full-price route while holding an unspent $40/$90/$440 window. These are that
   buyer's own options, and the breakdown line under the two combined ones is
   what keeps the unlocked pricing legible without disguising the amount that
   will actually be charged.
   --------------------------------------------------------------------------- */
.er-options{ list-style:none; padding:0; margin:16px 0 0; display:grid; gap:12px; }
.er-option{ background:#fff; border:1px solid #E4DECF; border-radius:10px; padding:16px 18px; }
.er-head{ font-weight:700; font-size:15.5px; margin:0 0 4px; }
.er-body{ font-size:14px; margin:0 0 8px; }
.er-breakdown{ font-size:13px; color:#4E7A6C; font-weight:600; margin:0 0 4px; }
.er-compare{ font-size:12.5px; color:#5B6672; margin:0 0 12px; }
.er-option .next-cta{ display:inline-block; }