/* Round 40 (Nov 3 2026): incentives. Loads after r39.css, before r35m.css. No colour values (tokens from the layers before) and no shadows (r3206).
   The sentence under "More", the sub-line in a table row, the Incentives section of a deal page, the wizard's
   "Do any of these fit you?" group. Words and rules: docs/FORMULAS.md "Incentives". */
.dcard-inc-line{margin:var(--sp2) 0 0;font-size:var(--t2);color:var(--ink);text-wrap:pretty}
.num .sub.inc-sub{font-weight:600;color:var(--ink)}

.incentives{margin:var(--sp5) 0 0;padding:var(--sp4);border:1px solid var(--line-strong);border-radius:var(--r2);background:var(--s1)}
.incentives h2{margin:0 0 var(--sp3);font-size:var(--t5)}
.inc-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp3)}
.inc-item{margin:0;padding:var(--sp3);border:1px solid var(--line);border-radius:var(--r2);background:var(--bg)}
.inc-item.inc-on{border-color:var(--ink)}
.inc-item.inc-off{border-style:dashed}
.inc-top{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp1) var(--sp3)}
.inc-amt{font-family:var(--display);font-size:var(--t5)}
.inc-name{font-weight:700}
.inc-tag{margin-left:auto;padding:2px var(--sp3);border-radius:999px;background:var(--s2);border:1px solid var(--line-strong);font-size:var(--t2);font-weight:700}
.inc-w,.inc-src{margin:var(--sp2) 0 0;font-size:var(--t3);text-wrap:pretty}
.inc-src{font-size:var(--t2);color:var(--quiet)}
.inc-elig{margin:var(--sp4) 0 0;display:flex;flex-wrap:wrap;gap:var(--sp2)}
.inc-elig-h,.inc-elig-note{flex:1 0 100%;margin:0;font-size:var(--t3)}
.inc-elig-h{font-weight:700}
.inc-elig-note{font-size:var(--t2);color:var(--quiet)}
.inc-chip,.wz-echip{min-height:44px}
.inc-rule{margin:var(--sp4) 0 0;font-size:var(--t2);color:var(--quiet);text-wrap:pretty}
.wz-elig{margin:var(--sp2) 0 0;display:flex;flex-wrap:wrap;gap:var(--sp2)}
.wz-elig .wz-sect-h,.wz-elig .wz-note{flex:1 0 100%;margin:0}

/* ---- Start screen (r3287, Nov 3 2026): the wizard is the first screen. No colour values, no shadows. ---- */
/* The quiet skip link: a text link on its own row under "Step N of 3", never a button */
.wz .wz-top .wz-skip,.wz-card .wz-top .wz-skip{flex:1 1 100%;order:3;margin:0;min-height:44px;display:inline-flex;align-items:center;justify-content:flex-start;white-space:normal;text-align:left;font-size:var(--t2);font-weight:600;color:var(--link);text-decoration:underline;text-underline-offset:3px;border:0;background:none;padding:0}
/* "Next" and the typed-miles button are quiet (the ghost button); no purple until the last step */
.wz-next.btn.ghost{min-height:48px}
/* The optional limit on the results */
.wz-cap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp2) var(--sp3);margin:var(--sp3) 0 var(--sp2)}
.wz-cap-l{font-weight:700;font-size:var(--t3)}
.wz-cap input{width:8.5rem;max-width:100%;min-height:48px;padding:0 var(--sp3);font:inherit;font-size:16px;border:1px solid var(--line-strong);border-radius:var(--r2);background:var(--bg);color:var(--ink)}
.wz-cap .btn{min-height:48px}
.wz-cap .wz-note{flex:1 0 100%;margin:0}
/* The slim bar: phones only, while the questions are open, one pinned bar, no motion */
.r40-bar{display:none;margin:0}
@media (max-width:719px){
  body:not(.wz-done) .r40-bar{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;min-height:0;padding:4px var(--sp4);background:var(--s2);border-top:1px solid var(--line-strong);font-size:var(--t1);font-weight:600;line-height:1.25;color:var(--ink);text-wrap:balance}
  body:not(.wz-done):has(.r40-bar){padding-bottom:48px}
}
/* The example under the headline is ONE line at every width: the tag steps aside, the toggle sits beside the sentence, the rows open on a tap */
@media (scripting:enabled){
  .r35-rcpt-one{display:block;margin:0;font-size:14px;font-weight:600;line-height:1.3;color:var(--ink)}
  .r35-rcpt-one a{color:inherit}
  .r35-rcpt-one b{font-family:var(--display);font-weight:800}
  .r35-rcpt-tog{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--link);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .r35-rcpt:not([data-open]) :is(.r35-rcpt-lines,.r35-rcpt-note,.r35-key){display:none}
  .r35-rcpt[data-open] .r35-rcpt-one{display:none}
}
@media (min-width:1000px){
  .r35-hero .r35-rcpt{grid-column:1 / span 7;grid-row:2;margin:var(--sp2) 0 0}
  .r35-hero .r26-main{grid-column:1 / span 7;grid-row:1}
  .r35-hero .r26-pv{grid-column:8 / span 5;grid-row:1 / span 2;margin-top:var(--sp2)}
  .r35-hero:not(.r26-has-pv) .r26-main,.r35-hero:not(.r26-has-pv) .r35-rcpt{grid-column:1 / -1}      /* no preview card: the left column is the whole row */
}
@media (scripting:enabled){
  .r35-hero .r35-rcpt{padding:0;border:0;background:none;box-shadow:none;max-width:none}
  .r35-hero .r35-rcpt:not([data-open]){display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp3)}
  .r35-hero .r35-rcpt .r35-rcpt-tag{display:none}
  .r35-hero .r35-rcpt:not([data-open]) .r35-rcpt-one{flex:0 1 auto;min-width:0;white-space:nowrap}
  .r35-hero .r35-rcpt:not([data-open]) .r35-rcpt-tog{flex:0 0 auto;white-space:nowrap}
  .r35-hero .r35-rcpt[data-open]{display:block;max-width:34rem;padding:var(--sp3) var(--sp4);border:var(--card-line);border-radius:var(--card-r);background:var(--s1)}
}

/* Round 41b: an ended offer says so at the top of its page */
.r41-ended{margin:var(--sp3) 0;padding:var(--sp3) var(--sp4);border:2px solid var(--warn);border-radius:var(--r2);background:var(--warn-bg);color:var(--warn-ink);font-weight:700;text-wrap:pretty}

/* Round 43: the fixed slim bar sat on top of the sticky "Showing ... Next" bar, so Next was hidden under it on a phone (Android and iPhone seats, Nov 3 2026). The sticky bar now rests above the slim bar. */
@media (max-width:719px){
  body:not(.wz-done):has(.r40-bar) .wz-card > .wz-nav:has(.wz-next){bottom:48px}
}