/* S10 — trade-off variant of .mod_article-askDeliver.
       Additive only. Inherits --ad-ink / --ad-paper / --ad-ask / --ad-signal /
       --ad-rule / --ad-ghost / --ad-f* / --ad-stickyTop / --ad-beatGap from S06. */

    /* ---- intro copy: flatten a stray heading left in the field ---- */
    .mod_article-askDeliver.is-tradeoff .lede > h1,
    .mod_article-askDeliver.is-tradeoff .lede > h2,
    .mod_article-askDeliver.is-tradeoff .lede > h3{
      font:inherit; color:inherit; margin:0 0 .6em;
    }
    .mod_article-askDeliver.is-tradeoff .lede > *:last-child{ margin-bottom:0; }

    /* ---- labels carry an icon; .deliver-label is already display:flex ---- */
    .mod_article-askDeliver.is-tradeoff .ask-label{
      display:flex;
      align-items:center;
      gap:.6em;
    }
    .mod_article-askDeliver.is-tradeoff .deliver-label{
      align-items:center;
      gap:.6em;
    }

    /* S06 puts a red rule before .deliver-label; with a thumb on both sides it
       doubles up, so hide it here only. Delete this rule to bring the rule back. */
    .mod_article-askDeliver.is-tradeoff .deliver-label::before{ display:none; }

    /* the icons inherit their label's colour: grey on the ask, red on the deliver */
    .mod_article-askDeliver.is-tradeoff .ad-thumb{
      font-size:2em;
      line-height:1;
      color:inherit;
      opacity:0;
      transform:translateY(5px) rotate(-14deg);
      transition:opacity .45s ease-out, transform .5s cubic-bezier(.2,1.5,.35,1);
      will-change:transform;
    }
    .mod_article-askDeliver.is-tradeoff .ask-item.is-on .ad-thumb{
      opacity:1;
      transform:none;
    }
    /* the answer's thumb lands one beat after the ask's, on S06's own rhythm knob */
    .mod_article-askDeliver.is-tradeoff .ask-item.is-on .ad-thumb--up{
      transition-delay:var(--ad-beatGap), var(--ad-beatGap);
    }
    .mod_article-askDeliver.is-tradeoff .ad-thumb--down{
      transform:translateY(-5px) rotate(14deg);
    }

    /* ---- the copy beats fade with their label ---- */
    .mod_article-askDeliver.is-tradeoff .ask-body,
    .mod_article-askDeliver.is-tradeoff .deliver-body{
      opacity:0;
      transform:translateY(10px);
      transition:opacity .6s ease-out, transform .6s cubic-bezier(.2,.7,.2,1);
    }
    .mod_article-askDeliver.is-tradeoff .ask-item.is-on .ask-body,
    .mod_article-askDeliver.is-tradeoff .ask-item.is-on .deliver-body{
      opacity:1;
      transform:none;
    }
    .mod_article-askDeliver.is-tradeoff .ask-item.is-on .deliver-body{
      transition-delay:var(--ad-beatGap), var(--ad-beatGap);
    }
    .mod_article-askDeliver.is-tradeoff .ask-num{
      opacity:0;
      transition:opacity .7s ease-out;
    }
    .mod_article-askDeliver.is-tradeoff .ask-item.is-on .ask-num{ opacity:1; }

    /* ---- item 01: the price contrast carries the type weight ---- */
    .mod_article-askDeliver.is-tradeoff .is-hero .s10-amt{
      display:block;
      font-family:var(--ad-fDisplay);
      font-weight:800;
      line-height:1;
      letter-spacing:-.03em;
      font-variant-numeric:tabular-nums;
      margin-bottom:.22em;
    }
    .mod_article-askDeliver.is-tradeoff .is-hero .ask-copy .s10-amt{
      position:relative;
      display:inline-block;
      font-size:clamp(26px,3.4vw,38px);
      color:var(--ad-ask);
    }
    /* the strike draws itself across the old figure — the figure stays legible
    .mod_article-askDeliver.is-tradeoff .is-hero .ask-copy .s10-amt::after{
      content:"";
      position:absolute;
      left:-.04em; right:-.04em; top:52%;
      height:2px;
      background:var(--ad-signal);
      transform:scaleX(0);
      transform-origin:0 50%;
      transition:transform .55s cubic-bezier(.2,.7,.2,1) .55s;
    }*/
    .mod_article-askDeliver.is-tradeoff .is-hero.is-on .ask-copy .s10-amt::after{ transform:scaleX(1); }
    .mod_article-askDeliver.is-tradeoff .is-hero .deliver-copy .s10-amt{
      font-size:clamp(54px,7.5vw,104px);
      color:var(--ad-signal);
    }
    .mod_article-askDeliver.is-tradeoff .s10-amt-note{ display:block; }

    @media (prefers-reduced-motion:reduce){
      .mod_article-askDeliver.is-tradeoff .ad-thumb,
      .mod_article-askDeliver.is-tradeoff .ask-body,
      .mod_article-askDeliver.is-tradeoff .deliver-body,
      .mod_article-askDeliver.is-tradeoff .ask-num{
        opacity:1; transform:none; transition:none;
      }
      .mod_article-askDeliver.is-tradeoff .is-hero .ask-copy .s10-amt::after{
        transform:scaleX(1); transition:none;
      }
    }