/* Owner posting (app/post.js), round 2 (founder Oct 10: every book requirement is a required posting step; posting BUILD-SPEC 5.9).
   From the design's post.css without its section 1 (steps.css owns the bar labels and "View all steps", page tops PT5), the mockup tag,
   the View all steps checklist and Price details top (steps.css and part2.css own them) and the route page (the offer area's).
   Tokens only (app.css), so dark mode keeps working. The ID block (sections 16 and 20) also serves the apply flow (P.idStep).
   3.5.8, the design foundation: the gaps are app.css's spacing tokens (fields --v-field apart, a new group --v-group, a lead line 8px under
   its title), the same on every screen height; the short-screen rules that shrank them (and the text) are gone. */

/* ---------- 2. the page lead and the one-line privacy note ---------- */
.ps-lead{font-size:16px;line-height:1.4;margin:calc(var(--s2) - var(--v-title)) 0 var(--v-group);color:var(--sub);text-wrap:pretty}
.ps-lead b{color:var(--ink)}
.ps-priv{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--sub);margin:0 0 var(--v-group)}
.ps-priv svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ps-sec{font:700 13px/1.2 'Instrument Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--sub);margin:var(--v-group) 0 var(--s2)}

/* ---------- 3. Where and when: the place boxes with the label inside (.fi), two dates side by side, "No set date" ---------- */
.fi .pin{position:absolute;right:12px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--sub);pointer-events:none}
.fi .pin svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fi>input.withpin{padding-right:40px}
.ps-kind{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--good-d);font-weight:600;margin:calc(var(--s1) - var(--v-field)) 0 var(--v-field) 2px}
.ps-kind svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ps-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s3)}
.ps-dates .fi>input:disabled{background:var(--wait);color:var(--sub);border-color:var(--line)}
.ps-open{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15.5px;font-weight:600;cursor:pointer}
.ps-open input{width:22px;height:22px;margin:0;accent-color:var(--ob);flex:none}
.ps-openh{margin:-4px 0 0 32px}

/* ---------- 4. Your car: the VIN box, the "or" divider, the car card in the sheets, the chips ---------- */
.fi>input.vin{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;font-size:17px}
.ps-hint{font-size:14px;line-height:1.4;color:var(--sub);margin:0 0 var(--s2)}
.ps-or{display:flex;align-items:center;gap:10px;margin:var(--v-field) 0;color:var(--sub);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ps-or:before,.ps-or:after{content:'';flex:1;height:1px;background:var(--line)}
.ps-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:10px 14px;border:1.5px solid var(--field);border-radius:var(--r-md);background:var(--card);color:var(--ink);font:700 16px/1.3 'Instrument Sans',sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.ps-alt small{display:block;font-weight:400;font-size:14px;color:var(--sub);margin-top:2px}
.ps-alt svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;color:var(--ot)}
.ps-alt:hover{border-color:var(--ink)}
.ps-links{display:flex;flex-wrap:wrap;gap:0 16px;margin:0 0 0 -6px}
.ps-links .linkbtn{font-size:14.5px}
.ps-chips{border:0;margin:0 0 var(--v-field);padding:0;min-width:0}
.ps-chips legend{font-weight:600;font-size:15px;margin-bottom:var(--s2);padding:0}
.ps-chips .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3) var(--s2)}
.ps-chip{position:relative;display:block}
.ps-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.ps-chip span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 10px;border:1.5px solid var(--field);border-radius:var(--r-md);background:var(--card);font-weight:700;font-size:16px}
.ps-chip input:checked+span{border-color:var(--ob);background:var(--tint);box-shadow:inset 0 0 0 1px var(--ob)}
.ps-chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.ps-chip span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ot)}
.ps-chip input:not(:checked)+span svg{display:none}
.ps-from{font-size:13px;color:var(--sub);margin:4px 0 0 2px}
/* the car card (the confirm sheet, the saved-car rows, Check and post) */
.ps-car{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg)}
.ps-car .ps-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--ot);display:flex;align-items:center;justify-content:center}
.ps-car .ps-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ps-car .m{flex:1;min-width:0}
.ps-car b{display:block;font:600 21px/1.2 'Clash Grotesk','Instrument Sans',sans-serif}
.ps-car .t{display:block;font-size:15px;line-height:1.35;margin-top:2px}
.ps-car .s{display:block;font-size:14px;color:var(--sub);margin-top:2px}
.ps-car .mono{font-size:13px}
.ps-car.no .ps-ic{background:var(--bad-bg);color:var(--bad)}

/* ---------- 5. the sheets (the money sheet's look, dialog.was in walk.css): Is this your car?, Price details, View all steps ---------- */
.ps-sh .was-pre{margin:2px 0 12px}
.ps-sh .ps-car{margin-bottom:12px}
.ps-sh .ps-chips{margin-bottom:10px}
.ps-sh .btn.bigger{margin-top:4px}
.ps-sh .ps-sub{display:block;text-align:center;margin:6px auto 0;min-height:44px}
.ps-sh .ps-why{font-size:16px;line-height:1.45;margin:0 0 14px}
/* "View all steps": the checklist with Turo's green checks */

/* ---------- 6. Your price: ONE number up front. The card's big number is "Your price"; Price details and "Set my own price" sit inside it ---------- */
.pr-card{border:2px solid var(--ob);border-radius:var(--r-lg);background:var(--card);padding:14px 14px 4px}
.pr-k{margin:0;font:700 13px 'Instrument Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--ot)}
.pr-row{display:flex;align-items:baseline;gap:12px;margin:4px 0 2px}
.pr-l{font-size:17px;font-weight:600;color:var(--ink)}
.pr-amt{font:600 46px/1.05 'Clash Grotesk','Instrument Sans',sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pr-why{font-size:14px;line-height:1.4;color:var(--sub);margin:0 0 6px}
.pr-acts{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);margin:6px -4px 0;padding-top:2px}
.pr-acts .linkbtn{font-size:15px}
.pr-acts .pr-own-go{color:var(--ot)}
/* own price: the number becomes a box */
.pr-card.own .pr-row{align-items:center;margin:6px 0 4px}
.pr-card.own .priceinput{flex:0 0 156px}
.pr-card.own .priceinput input{font:600 28px 'Clash Grotesk','Instrument Sans',sans-serif;min-height:54px}
.pr-hint{margin:0 0 6px;font-size:14px;line-height:1.4;color:var(--sub)}
.pr-amber{margin:0 0 6px;padding:8px 10px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--ink);font-size:14px;line-height:1.4}
.pr-amber b{color:var(--warn-d)}
.pr-hi{display:flex;align-items:center;gap:10px}
.pr-hi p{margin:0;flex:1;min-width:0}
.pr-hi .btn{flex:none;min-height:44px;padding:0 12px;font-size:14.5px}
.pr-mkt{display:flex;gap:10px;align-items:flex-start;margin:var(--v-field) 0 0;padding:10px 12px;border-radius:var(--r-md);background:var(--wait);font-size:14px;line-height:1.4}
.pr-mkt svg{flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Price details: one number up front, the lines Finance names (placeholders until then) */


/* ---------- 7. Rules for the move ---------- */
.ru-list{list-style:none;margin:0 0 var(--v-field);padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.ru-list li{border-top:1px solid var(--line)}
.ru-list li:first-child{border-top:0}
.ru-list label{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 14px;font-size:16.5px;font-weight:600;cursor:pointer}
.ru-list input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--ob)}
.ru-list svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--sub);margin-left:auto}
.ru-ta{display:block;min-height:78px;height:78px;padding:24px 12px 4px;font-size:16px;line-height:1.35;resize:none}
.fi>textarea{width:100%}
.ru-cnt{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.35;color:var(--sub);margin:-4px 0 0}
.ru-cnt span:last-child{flex:none}

/* ---------- 8. Check and post ---------- */
.ck-rv .v .s{display:block;font-size:14px;color:var(--sub)}
.ck-rv .v .ck-q{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-style:italic;color:var(--ink)}
.ck-rv .grow{min-width:0}
.ck-note{display:flex;gap:10px;align-items:flex-start;margin:var(--v-field) 0 0;font-size:15px;line-height:1.45}
.ck-note svg{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:var(--good-d);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ck-note b{display:block}
.ck-note+.ck-note{margin-top:var(--s2)}

/* ---------- 9. What happens next (the finale, not a counted step) ---------- */
.wn-done{text-align:center}
.wn-done h1{margin-bottom:4px!important}
.wn-done .stp-lead{margin:0 0 4px;color:var(--sub)}
.wn-h{font:700 13px/1.2 'Instrument Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--sub);margin:var(--v-group) 0 var(--s2)}
.wn-steps{list-style:none;margin:0;padding:0;counter-reset:wn;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.wn-steps li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-top:1px solid var(--line);counter-increment:wn}
.wn-steps li:first-child{border-top:0}
.wn-steps li:before{content:counter(wn);flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint);color:var(--ot);font:700 15px/28px 'Instrument Sans',sans-serif;text-align:center}
.wn-steps .m{flex:1;min-width:0}
.wn-steps b{display:block;font-size:16.5px;line-height:1.3;color:var(--ink)}
.wn-steps .t{display:block;font-size:14.5px;line-height:1.4;color:var(--sub);margin-top:1px}
.wn-then{margin:var(--v-field) 0 0;font-size:14.5px;line-height:1.4;color:var(--sub);text-align:center}
.ps-fin .tb2-lab span:last-child{color:var(--good-d);font-weight:700}

/* ---------- 10. Routes: the unfinished route ("Not finished", Continue), and the one-time owner mode note ---------- */
.pill.unf{background:var(--warn-bg);border-color:#efd88f;color:var(--warn-d)}
.ro-list .rtl.ro-draft{border-style:dashed;border-color:var(--field)}
.om-note{display:flex;gap:12px;align-items:flex-start;padding:12px 8px 12px 14px;border-radius:var(--r-lg);background:var(--tint);border:1px solid var(--tint-line);margin:0 0 14px}
.om-note .om-ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ob);color:#fff;display:flex;align-items:center;justify-content:center}
.om-note .om-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.om-note .m{flex:1;min-width:0;font-size:14.5px;line-height:1.4}
.om-note b{display:block;font-size:16px}
.om-x{flex:none;width:44px;height:44px;margin:-8px 0 -8px;border:0;background:none;border-radius:10px;font-size:24px;line-height:1;color:var(--ink);cursor:pointer}


/* ================= round 2 ================= */
/* ---------- 12. Here's what you'll need (the page before step 1; the bar sits at Start) ---------- */
/* STEP BAR LOOK (3.4.1): no end marks; the bull waits on the first dot (steps.css spaces the bar clear of the Back button) */
.nd-list{list-style:none;margin:0 0 var(--v-field);padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.nd-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line)}
.nd-list li:first-child{border-top:0}
.nd-ic{flex:none;width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--ot);display:flex;align-items:center;justify-content:center}
.nd-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nd-list .m{flex:1;min-width:0}
.nd-list b{display:block;font-size:16px;line-height:1.3}
.nd-list .s{display:block;font-size:14px;line-height:1.35;color:var(--sub);margin-top:1px;text-wrap:pretty}
.nd-list li.dn .nd-ic{background:var(--good-bg);color:var(--good-d)}
.nd-list li.dn .nd-ic svg{stroke-width:2.6}
.nd-list li.dn b{color:var(--sub);text-decoration:line-through;text-decoration-thickness:1px}
.nd-time{display:flex;gap:8px;align-items:center;margin:0;font-size:14.5px;font-weight:600;color:var(--ink)}
.nd-time svg{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--ot)}

/* ---------- 13. Your car: "My car is older than 1981" (the only way around the VIN) ---------- */
.ps-old{margin-top:4px}
.ps-old.on{margin-top:0}
.ps-old+.ps-openh{margin-bottom:8px}

/* ---------- 14. Car details: the plate in mono, the photo alternative as a quiet card ---------- */
.fi>input.mono-in{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.ps-alt.sm{min-height:52px;font-size:15px;padding:8px 12px}
.ps-alt.sm>span{display:block}
.ps-alt.sm>span>svg{width:20px;height:20px;margin:0 8px -4px 0;color:var(--ot)}
.ps-alt.sm small{margin-left:28px;font-size:13.5px}

/* ---------- 15. Registration and insurance: two compact upload rows ---------- */
.dc-list{list-style:none;margin:0 0 var(--v-field);padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.dc-list li{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-top:1px solid var(--line);min-height:76px}
.dc-list li:first-child{border-top:0}
.dc-th{flex:none;width:44px;height:52px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--sub)}
.dc-th svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dc-th.empty{border-style:dashed;border-color:var(--field)}
.dc.ok .dc-th{border-color:var(--good-d);color:var(--good-d);background:var(--good-bg)}
.dc-list .m{flex:1;min-width:0}
.dc-list b{display:block;font-size:16.5px;line-height:1.3}
.dc-list .s{display:block;font-size:14px;line-height:1.35;color:var(--sub);margin-top:2px}
.dc.ok .s{color:var(--good-d);font-weight:600}
.dc .tk{margin-right:5px}
.dc-list .btn.sm{flex:none;min-width:92px}
.dc-add{display:inline-flex;align-items:center;gap:6px}
.dc-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 16. Verify your ID (before Stripe: the name card; after: the green check) ---------- */
.id-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);margin:0 0 var(--v-group)}
.id-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--ot);display:flex;align-items:center;justify-content:center}
.id-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.id-card .m{flex:1;min-width:0}
.id-card .k{display:block;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sub)}
.id-card b{display:block;font:600 21px/1.25 'Clash Grotesk','Instrument Sans',sans-serif;margin:2px 0}
.id-card .s{display:block;font-size:14px;line-height:1.4;color:var(--sub)}
.id-card .id-chg{display:inline-flex;align-items:center;min-height:44px;margin:-4px 0 -10px -6px;padding:0 6px;font-size:15px;color:var(--ink)}
.id-done{text-align:center;padding:16px 14px 14px;border:1px solid var(--good-line,var(--line));border-radius:var(--r-lg);background:var(--good-bg);margin:0 0 var(--v-group)}
.id-done .ap-big{margin:0 auto 6px;background:var(--card)}
.id-done .t{margin:0;font:600 22px/1.25 'Clash Grotesk','Instrument Sans',sans-serif;color:var(--ink)}
.id-done .s{margin:4px 0 0;font-size:15px;line-height:1.4;color:var(--ink)}

/* ---------- 17. Rules: the exclusive "No rules for the car" row, fuel chips in three ---------- */
.ru-set{border:0;margin:0;padding:0;min-width:0}
.ru-set .ps-sec{margin:0 0 var(--s2);padding:0}
.ru-list li.ru-none{background:var(--bg);border-radius:0 0 var(--r-lg) var(--r-lg)}
.ru-list li.ru-none label{font-weight:600;color:var(--ink)}
.ps-chips .row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s2)}
.ps-chips .row3 .ps-chip span{font-size:14.5px;padding:0 6px;text-align:center;line-height:1.2;gap:4px}
.ps-chips .row3 .ps-chip span svg{width:15px;height:15px;flex:none}

/* ---------- 18. saved cars: "Registration and insurance on file"; the sheet's Done; the confirm sheet's lock line ---------- */
.stp-opt .sv-on{display:flex;align-items:center;gap:5px;font-weight:600;font-size:13.5px;line-height:1.3;color:var(--good-d)}
.stp-opt .sv-on svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.stp-opt .sv-on{position:static;min-height:0;padding:0;border:0;background:none;box-shadow:none!important;flex-direction:row;justify-content:flex-start;margin-top:1px}
.stp-opt .sv-on:before{display:none}
.ps-sh .ps-fine svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


/* ================= round 2, after the critic ================= */
/* ---------- 20. Verify your ID, one block for posting and apply: the name card with Change my name on its right, the ID check consent
   (checkbox and typed name, words from Legal Agent), the waiting, review and failed cards ---------- */
.id-cons{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);margin:0 0 var(--v-field);padding:4px 14px 2px;min-width:0}
.id-ok{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:600;cursor:pointer}
.id-ok input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--ob)}
.id-ok-h{margin:-6px 0 8px 32px}
a.inl{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.id-cons .fi{margin-bottom:4px}
.id-wait{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);margin:0 0 var(--v-group)}
.id-wait .m{flex:1;min-width:0}
.id-wait b{display:block;font:600 19px/1.25 'Clash Grotesk','Instrument Sans',sans-serif}
.id-wait .s{display:block;font-size:14.5px;line-height:1.4;color:var(--sub);margin-top:2px}
.id-wait>svg{flex:none;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--warn-d)}
.id-wait.rv{background:var(--warn-bg);border-color:#efd88f}
.id-wait.bad{background:var(--bad-bg);border-color:#f3c3be}.id-wait.bad>svg{color:var(--bad)}
.id-spin{flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;border:3px solid var(--wait);border-top-color:var(--ob);animation:spin 1s linear infinite}
@media (prefers-reduced-motion:reduce){.id-spin{animation:none;border-top-color:var(--ob);border-right-color:var(--ob)}}
/* 3.6.0.1: a check started with Stripe and no result yet (P.idStep 'started'): the card, then Open Stripe again under it (a ghost button: the
   step's one filled button stays Continue) */
.id-again{margin:calc(var(--v-group) * -0.5) 0 var(--v-group)}.id-again>.btn{width:100%}

/* ---------- 21. Your car: a VIN whose check digit fails can still be kept ("It is correct") ---------- */
.fi.bad>input,.fi.bad>textarea{border-color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad)}
.ps-alt.vin-ok{margin:2px 0 6px}
.ps-alt.vin-ok>span>svg{stroke-width:2.6;color:var(--good-d)}

/* ---------- 22. Car details: how the car is (the condition, required; the issues box only when it has some) ---------- */
.cd-priv{margin:0}
.cd-cond{margin-top:var(--v-group)}
.cd-ta{min-height:64px;height:64px;padding-top:22px}

/* ---------- 23. Check and post: the agree box (only when the account's Terms agreement is out of date) ---------- */
.ck-agree{margin-top:var(--v-field);padding:6px 0 0;font-size:14.5px;line-height:1.4;min-height:44px}
.ck-agree input{width:22px;height:22px}
.ps-sh .ck-agree{margin:0 0 12px}


/* ---------- 11. (3.5.8) short phones: the old "same content, tighter" rules are gone (steps.css section 5) ---------- */
/* laptops: the calm centred column of every step flow */
@media (min-width:700px) and (min-height:621px){.stp[data-flow=post]{margin-top:2vh}.stp[data-flow=post] .stp-body{padding-top:16px}}

/* ---------- built: the kind line under the pickup (posting's exact address), the amber "Type the street address", the delete link ---------- */
.ps-kind:empty{display:none}
.ps-kind .ps-amber,.verified .ps-amber{color:var(--warn-d);font-weight:600}
.ps-kind .ps-amber{display:block}
.fi.ac>ul{top:100%}
.fi .pin svg{fill:none}
.ps-delw{text-align:center;margin-top:0}
/* the sheet with Delete this route under Keep going scrolls inside itself when it is longer than the screen (walk.css) */
.ps-del{color:var(--bad);font-size:14.5px}
.ck-miss{padding:10px 12px;margin:var(--v-field) 0 0;font-size:14.5px;line-height:1.4}
.ck-miss a{font-weight:700;color:inherit}
.dc-list .filebtn{position:relative;cursor:pointer}
.dc-list li[aria-busy=true] .s{color:var(--sub)}
.priceinput{display:inline-flex;align-items:center;gap:4px;font:600 28px 'Clash Grotesk','Instrument Sans',sans-serif}
.pr-card.own .priceinput input{width:132px;padding:0 10px}
.stp[data-flow=post] .stp-foot .btn.ghost{margin-top:0}
.ps-lead .mono,.ps-car .mono{font-family:'JetBrains Mono',ui-monospace,monospace}
/* 0231 (Legal S10): the two links under the ID check notice, each on its own line with room to tap */
.idn-links{margin:8px 0 0;line-height:1.4}.idn-links a.inl{display:inline-block;padding:10px 0;min-height:44px;box-sizing:border-box}
/* 3.5.8 dates (app/when.js, migration 0283): the owner's two questions on Post a route step 1 and Edit route. Each question is a group: the
   chips, the one line under the chosen chip, then its date boxes. More space between the two groups than inside one (DESIGN.md, Spacing). */
.pw-g+.pw-g{margin-top:var(--v-group)}
.pw-g .pw-q{margin-bottom:var(--s2)}
.pw-g .pw-h{margin:0 0 var(--s3)}
.pw-g .pw-h[hidden],.pw-d:empty{display:none}
.pw-d .fi{margin-bottom:0}
.pw-d .fi+.err{margin:var(--s1) 0 0}
.pw-g:last-child{margin-bottom:var(--v-field)}
/* the two questions' chips at the size of a three-chip row (14.5px); the chosen chip's tick is a small badge on its corner (with the border
   and the tint), so choosing one never moves its words or makes its row taller ("Any day in a range" wraps the same way before and after) */
.pw .row2 .ps-chip span{font-size:14.5px;padding:0 6px;text-align:center;line-height:1.2;gap:4px}
.pw .pw-ch .ps-chip span{position:relative}
.pw .pw-ch .ps-chip span svg{position:absolute;top:-6px;right:-6px;width:18px;height:18px;padding:3px;box-sizing:border-box;border-radius:50%;background:var(--ob);color:#fff;stroke-width:3.2}