/* Next Kopi · round 31 · Big Buy: a Road Trip with steps in order (additions, after r30.css)
   Every token is an alias of an existing one. No new hex values, no new faces.
   Hard rules: no deal pipeline, no role badges, no verified mark, no escrow look. Steps are round 26's day list, told as sentences and faces. */
:root,[data-theme]{--bb31-rule:var(--rt26-rule);--bb31-grey:var(--ink-3);--bb31-wait:var(--rt26-wait);--bb31-on:var(--rt26-on)}
/* the property line under the trip's name */
.pl31{font-size:14px;line-height:1.4;color:var(--ink-2);font-variant-numeric:tabular-nums}
/* the steps, in order: round 26's day list with a number. A grey name is a suggestion the host types over */
.sts31{display:flex;flex-direction:column}
.st31{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-top:1px solid var(--bb31-rule)}
.sn31{font:500 17px/1.35 var(--font-display);color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:center}
.ms31{display:block;width:12px;height:12px;margin:5px auto 0;border:2px solid var(--ink-2);border-radius:50%}
.st31 .col{gap:3px;min-width:0}
.st31 b{font:600 16px/1.35 var(--font-body);color:var(--ink);text-wrap:pretty}
.st31 b.gw31{font-weight:500;color:var(--bb31-grey)}
.st31 .col>span{font-size:14px;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.sm31{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:14px;line-height:1.4;color:var(--ink-2)}.sm31 .av{margin:0}
.sk31{font-size:14px;line-height:1.4;color:var(--ink-2);text-wrap:pretty}.sk31 b{font-weight:600;color:var(--ink)}
.st31.skip b{text-decoration:line-through;text-decoration-color:var(--line-strong);color:var(--ink-2)}
.wn31{font-style:normal;font-size:14px;font-weight:600;color:var(--bb31-wait)}
.go31{display:inline-flex;align-items:center;gap:3px;font-size:14px;font-weight:600;color:var(--bb31-on)}.go31 .ic{width:14px;height:14px}
.ad31{display:flex;flex-wrap:wrap;gap:4px 10px;padding-top:12px;font-size:14px;color:var(--ink-3)}
/* a step that waits: what is still open on the one before */
.wt31{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper-sunk)}
.wt31>b{font:600 16px/1.35 var(--font-body);color:var(--bb31-wait)}
.wt31 p{font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty}
.wt31 ul{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0;margin:0}.wt31 li{font-size:15px;line-height:1.45;color:var(--ink);padding-left:14px;position:relative}.wt31 li:before{content:'·';position:absolute;left:3px;color:var(--ink-2)}
/* a check, checked: who, when, where; then the gate opens */
.ck31{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-top:1px solid var(--bb31-rule)}
.ck31>b{font:600 16px/1.35 var(--font-body);color:var(--ink);text-wrap:pretty}
.cb31{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:14px;line-height:1.4;color:var(--ink-2)}.cb31 .av{margin:0}.cb31 .ic{width:15px;height:15px}.cb31>i{font-style:normal;color:var(--ink-3)}
/* a document's answers: one face, one word, a date */
.ans31{display:flex;flex-direction:column}
.an31{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--bb31-rule);font-size:15px;line-height:1.4}.an31 .av{margin:0}
.an31 b{font-weight:600;color:var(--ink)}.an31 em{font-style:normal;font-weight:600;color:var(--ink)}.an31 em.yet{font-weight:400;color:var(--ink-3)}.an31 em.no{color:var(--bb31-wait)}
.an31 small{grid-column:2/4;font-size:14px;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.ac31{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rc31{font-size:14px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
/* a payment tied to a step: who it goes to, in words. Never a balance held by us */
.pc31{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper-raised)}
.pc31 .amt{font:500 22px/1.25 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.pc31 p{font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty}.pc31 p.s{font-size:14px;color:var(--ink-2)}
.pc31 .btn{margin-top:6px}
.wl31{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty;padding-top:4px}.wl31 .warn15{flex:none}
/* ✦'s drafted steps: grey names, each with where it came from */
.ln15 .dr31,.dr31{display:flex;flex-direction:column;width:100%}
.ln15 .dr31>div,.dr31>div{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 0;border-bottom:1px solid var(--bb31-rule)}
.ln15 .dr31 .n,.dr31 .n{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0;font-size:15px;line-height:1.4;color:var(--bb31-grey)}.dr31 .n>span{flex:1 1 auto;min-width:0}.dr31 .n em{flex:none;font-style:normal;font-size:14px;color:var(--ink-2)}
.ln15 .dr31 .src31{display:block;margin:0}
.src31{font-size:13px;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.dr31 .pks15{margin-top:2px}
/* ✦ reads a document: each flag a sentence with Ask Jean */
.fg31{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--bb31-rule)}.fg31 p{font-size:15px;line-height:1.45}
.dt31{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font:600 14px/1.4 var(--font-body);color:var(--ink-2)}
.ad31 .pk15,.pc31 .pk15,.fg31 .pk15,.ck31 .tq26,.an31 em,.sm31 .pk15{white-space:nowrap}
:lang(my) :is(.st31 .col>span,.sm31,.sk31,.wt31 p,.wt31 li,.cb31,.an31,.rc31,.pc31 p,.wl31,.dr31 .n,.src31,.fg31 p,.pl31,.dt31){line-height:1.8}
:lang(my) :is(.st31 b,.ck31>b,.wt31>b){line-height:1.6}
.cb31 [data-file]{color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}  /* S2: a check's photo opens on the trip's phones */