/* Polish pass: hierarchy, touch targets, readability. Loads after checkout.css. */
.checkout-page .breadcrumb{max-width:1100px;margin:0 auto}
@media(min-width:751px){.checkout-order{position:sticky;top:16px}}

/* Selects that look like fields */
.checkout-inputs .selected-work .compact-choice select,.checkout-inputs .workplace-row .compact-choice select{width:auto!important;min-height:44px;padding:0 34px 0 12px;border:1px solid #aaa;border-radius:8px;background:#fff;font-size:14px;max-width:none}
.checkout-inputs .compact-choice{max-width:none}.checkout-inputs .compact-choice svg{right:12px}
.checkout-inputs .workplace-row .compact-choice{margin-bottom:0}
.checkout-inputs .workplace-row{align-items:flex-end}.checkout-inputs .workplace-row .zip-label input{min-height:44px}

/* Benefits: segmented control instead of checkbox look */
.checkout-columns .benefits legend{margin-bottom:8px}
.checkout-columns .benefits label{min-height:44px;padding:0 22px;margin:0 8px 0 0;border:1px solid #aaa;border-radius:8px;background:#fff;font-size:14px;cursor:pointer}
.checkout-columns .benefits label input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;flex:none}
.checkout-columns .benefits label input[type=radio]:checked:after{display:none}
.checkout-columns .benefits label:has(input:checked){background:#263e75;border-color:#263e75;color:#fff}
.checkout-columns .benefits label:has(input:focus-visible){outline:2px solid #2459da;outline-offset:2px}

/* Slider scale marks (track is non-linear, so the marks teach it) */
.slider-limits{display:none}
.slider-ticks{display:block;position:relative;height:18px;margin-top:2px;font-size:12px;color:#686860;font-variant-numeric:tabular-nums}
.slider-ticks>span{position:absolute;top:0;left:calc(var(--p)*1% + (50 - var(--p))*.16px);transform:translateX(-50%);white-space:nowrap}
.slider-ticks>span:first-child{transform:none;left:0}.slider-ticks>span:last-child{transform:none;left:auto;right:0;font-size:14px;line-height:1}

/* Job location hierarchy */
.shipment .location-row{color:#686860}
.shipment .job-location-question{font-size:14px;font-weight:600;margin:16px 0 0}

/* Readability and focus */
.offer-contact-note,.conversion-note{font-size:12px}
.checkout-page input:focus-visible,.checkout-page select:focus-visible{outline:2px solid #2459da;outline-offset:2px}
.payment-fields .amount-label #pay-period{height:44px}

/* Jokes aside: real section break, one primary action */
.jokes-aside{margin:44px auto 0;padding-top:28px;border-top:1px solid var(--line)}
.jokes-aside .contact-actions .button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.jokes-aside .contact-actions .button.primary:hover{background:#2459da;border-color:#2459da;color:#fff}

@media(max-width:750px){
 .checkout-order .payment-fields #rate-slider{height:44px}
 .payment-fields .amount-label #offer-rate{height:44px}
 .checkout-order .offer-contact-note{font-size:12px}
 .checkout-columns>.offer-contact{margin-top:4px}
}
@media(max-width:760px){.header nav{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent);mask-image:linear-gradient(to right,#000 86%,transparent)}}

/* Desktop: photo and phrase lead the summary card, details follow */
@media(min-width:751px){
 .checkout-order{display:flex;flex-direction:column}
 .checkout-order>h2{order:0}
 .checkout-order>.offer-result{order:1;margin-top:0;margin-bottom:12px}
 .checkout-order>.pay-summary{order:2}
 .checkout-order>#pay-equivalent{order:3}
 .checkout-order>.offer-contact{order:4}
 .checkout-order>.offer-contact-note{order:5}
}

/* Resolved workplace: City, ST - ZIP */
.shipment .work-place{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
.shipment .work-place:empty{display:none}

/* Editorial control: caption and editable value above a full-width track. */
.checkout-page .payment-fields,.checkout-order .payment-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;padding:20px;border:1px solid var(--line);border-radius:4px;box-shadow:none;align-items:center}
.checkout-page .payment-fields .amount-label,.checkout-order .payment-fields .amount-label{display:flex;flex-direction:row;align-items:center;grid-column:2;grid-row:1;width:auto;gap:4px;position:static}
.checkout-page .payment-fields .amount-label .currency-input{width:132px}
.checkout-page .payment-fields .amount-label #offer-rate{font-size:23px;height:40px;text-align:right;padding-left:22px;padding-right:3px}
.checkout-page .payment-fields .amount-label #pay-period{width:80px;height:40px}
.checkout-page .payment-fields .rate-slider-label{display:contents}
.checkout-page .payment-fields .rate-slider-label>span:first-child{grid-column:1;grid-row:1;margin:0;font-size:13px}
.checkout-page .payment-fields #rate-slider{grid-column:1/-1;grid-row:2;width:100%;height:32px;margin:0;appearance:none;background:transparent}
.checkout-page #rate-slider::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:linear-gradient(to right,#263e75 var(--offer-position),#e6e7e1 var(--offer-position))}
.checkout-page #rate-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#263e75;border:3px solid white;box-shadow:0 0 0 1px #263e75;border-radius:50%;margin-top:-7.5px}
.checkout-page .slider-ticks{grid-column:1/-1;grid-row:3;height:27px;margin:0}
.checkout-page .slider-ticks>span:last-child{font-size:32px;line-height:.65;color:#22231f}
.checkout-page .payment-fields input:focus-visible,.checkout-page .payment-fields select:focus-visible{outline:1px solid #686860}
@media(max-width:750px){.checkout-order .payment-fields{padding:14px 12px;gap:8px}.checkout-page .payment-fields .amount-label .currency-input{width:116px}.checkout-page .payment-fields .amount-label #offer-rate{font-size:18px}.checkout-page .payment-fields .amount-label #pay-period{width:65px;font-size:11px}.checkout-page .payment-fields .rate-slider-label>span:first-child{font-size:11px}}

/* Continue the Skills → Offer journey on the same content alignment. */
.checkout-page>.cart-steps{max-width:1100px;margin:18px auto 22px}
.checkout-page .cart-steps .step-complete b{border-color:#263e75;color:#263e75}
.checkout-page>.breadcrumb{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}

.checkout-items{max-width:1100px;margin:22px auto 0;padding:14px 0;border-top:1px solid var(--line);font-size:12px;color:#686860}
.checkout-items summary{cursor:pointer;width:fit-content;padding:4px 0}
.checkout-items ul{margin:12px 0 0;padding-left:18px;line-height:1.8}
.checkout-items p{margin:12px 0 0;line-height:1.6}
.checkout-items summary:focus-visible{outline:1px solid #686860;outline-offset:4px}

/* Give the editable amount a visible field affordance without adding a heavy box. */
.checkout-page .payment-fields .amount-label #offer-rate{border-bottom:1px solid #aaa99e;border-radius:0;cursor:text}
.checkout-page .payment-fields .amount-label #offer-rate:hover{border-bottom-color:#22231f}
.checkout-page .payment-fields .amount-label #offer-rate:focus{border-bottom-color:#22231f;background:#f6f6ef}