/* Round 28, lane E (Oct 31 2026): layout and small fixes from blind pair r27. Loads LAST (after r27.css).
   Tokens only, no new colour. Yellow stays on the Real Lease Cost. Every tap target is 44px or taller. */

/* E2: names and prices line up across a row of cards whether or not a card has a photo credit. Every card has a caption (a credit
   note, or "A drawing of this kind of car, not a photo of it.", two lines at most in a column); with two or more columns each caption
   holds the room of two lines. */
@media (min-width:901px){ .cards.dcards>.dcard>.dcard-img figcaption,.wz-cards>.dcard>.dcard-img figcaption,#top3>.dcard>.dcard-img figcaption{min-height:calc(1.3em * 2)} }

/* With two or more columns the photo credit sits right under the photo (r26.css). Only a photo card prints that credit line (a drawing
   card prints none), so a drawing card would start its name 48px higher. One mechanism: the credit line is at least 48px, and a drawing
   card, which has no credit line, gets the same 48px below its picture. A card never gets both. */
@media (min-width:901px){
  .cards.dcards>.dcard>.dcard-foot,.wz-cards>.dcard>.dcard-foot,#top3>.dcard>.dcard-foot{min-height:48px;box-sizing:border-box}
  .cards.dcards>.dcard>.dcard-art,.wz-cards>.dcard>.dcard-art,#top3>.dcard>.dcard-art{margin-bottom:48px}
}

/* E3: Compare at 390 and 360. The first column holds at least 7.5em, so "Real Lease Cost, each month" never runs one word a line. */
table.cmp-t thead td:first-child{width:7.5em;min-width:7.5em}
table.cmp-t th[scope=row]{min-width:7.5em;overflow-wrap:normal}
.cmp-total th{font-size:var(--t2);line-height:1.25}

/* E5: the step 4 insurance box. 16px so a phone does not zoom in, 48px tall, a clear edge; the skip link keeps its words on one line
   and drops to its own row when the step label would crowd it. */
.wz-ins input#wz-ins{font-family:inherit;font-size:16px;min-height:48px;padding:10px 14px;border:2px solid var(--edge);border-radius:var(--r2);
  background:var(--s1);color:var(--ink);box-sizing:border-box}
.wz-ins .wz-type-row input{flex:1 1 7rem;min-width:0}
.wz-top{flex-wrap:wrap}
.wz-top .wz-skip,.wz-top .wz-skip .wz-plain-t,.wz-top .wz-skip .wz-plain-s{white-space:nowrap}
.wz-top .wz-skip{margin-left:auto;min-width:0;max-width:100%}
.wz-top .wz-skip .wz-plain-t{margin-right:var(--sp1)}
.wz-ins-skip .linkbtn{white-space:normal;text-align:left;padding:var(--sp2) 0;line-height:1.3}
.wz-top{scroll-margin-top:var(--sp3)}

/* E7: the "On this page" fold shows a plus when closed and a minus when open. */
.toc-fold>summary{justify-content:space-between;gap:var(--sp3)}
.toc-fold>summary::after{content:"+";flex:none;font-size:var(--t4);font-weight:600;line-height:1;color:var(--muted)}
.toc-fold[open]>summary::after{content:"\2212"}

/* E8: without JavaScript the yellow price marker paints full width at once (no swipe to wait for). */
@media (scripting:none){
  .r26-real::before,.dcard-price b::before,.deal-sum b[data-lead]::before,td.total::before{animation:none;clip-path:inset(0 0 0 0)}
}