:root{--gold:#c9aa68;--gold-pale:#f0e2bd}
.market-dialog{width:min(700px,calc(100% - 40px));max-height:calc(100svh - 48px);overflow:auto;border:1px solid #c9aa6866;border-radius:22px;background:var(--ink);color:var(--cream);padding:42px;box-shadow:0 32px 100px #10271966}
.market-dialog::backdrop{background:#102719b8;backdrop-filter:blur(8px)}
.market-dialog[open]{animation:market-arrive .8s cubic-bezier(.16,1,.3,1) both}
.market-dialog h2{font-size:34px;margin-bottom:12px}.market-dialog>p{font-size:13px;color:#eae4d8c7;max-width:390px;margin-bottom:26px}
.market-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.market-options button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:26px 12px;border:1px solid #c9aa6880;border-radius:14px;background:#eae4d807;color:var(--cream);transition:background .3s,border-color .3s,translate .4s}
.market-options button:hover{background:#c9aa681a;border-color:var(--gold);translate:0 -3px}.market-options button:focus-visible{outline-color:var(--gold)}
.market-flag{font-size:42px;line-height:1.2}.market-options strong{font:400 24px/1.4 var(--serif)}.market-options small{font-size:11px;opacity:.7}
.market-dialog .market-fine{margin:22px 0 0;font-size:11px;opacity:.65}
.market-switch{border:0;border-bottom:1px solid currentColor;background:transparent;padding:4px 0;font:400 11px/1.5 var(--sans);white-space:nowrap}
.global-planner[hidden]{display:none!important}
.global-planner{padding-block:54px 58px;background:var(--gold-pale);color:var(--ink);border-block:1px solid #c9aa6870;position:relative;overflow:hidden}
.global-planner:before{content:'';position:absolute;top:-110px;right:calc(var(--page-gutter) - 90px);width:280px;height:280px;border:1px solid #b18b4433;border-radius:50%;pointer-events:none;box-shadow:0 0 0 30px #c9aa680a,0 0 0 60px #c9aa6808}
.planner-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:28px;position:relative}
.planner-heading h2{font-size:clamp(30px,3.4vw,46px);max-width:480px}.planner-heading p{font-size:13px;line-height:1.8;max-width:440px;margin:0}
.planner-form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;position:relative}
.planner-form label{display:grid;gap:8px;min-width:0;font-size:11px;font-weight:500}
.planner-form input{width:100%;min-width:0;border:1px solid #9e814c66;border-radius:8px;background:#fbf7ed;color:var(--ink);font:400 13px/1.5 var(--sans);padding:13px 12px;height:48px;color-scheme:light}
.planner-form input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.planner-submit{border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--gold-pale);padding:13px 20px;height:48px;font:500 12px/1.5 var(--sans);white-space:nowrap;transition:background .3s}
.planner-submit:hover{background:#173621}.planner-submit:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.planner-error{font-size:12px;margin:14px 0 0;color:#7c2921}.planner-result{margin-top:24px;border:1px solid #9e814c55;border-radius:12px;background:#fbf7ed91;padding:24px;position:relative}
.planner-result[hidden],.planner-error[hidden]{display:none}
.planner-result-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.planner-result-date{font:400 clamp(23px,2.6vw,34px)/1.4 var(--serif);letter-spacing:-.035em;margin:0 0 5px}.planner-result-date sup{font:500 15px var(--sans);margin-left:3px}
.planner-result-zone,.planner-result-melbourne{font-size:11px;margin:0 0 6px;opacity:.8}
.planner-received{font-size:11px;border-top:1px solid #9e814c44;padding-top:14px;margin:16px 0 0}
.planner-assumption,.planner-availability{font-size:11px;line-height:1.75;margin:16px 0 0;max-width:900px;position:relative}
.planner-availability{margin-top:9px}.planner-availability a{border-bottom:1px solid currentColor;white-space:nowrap}
.planner-ready:not(.planner-visible){opacity:0;translate:0 -28px}.planner-ready{transition:opacity 1.3s ease-out,translate 1.8s cubic-bezier(.16,1,.3,1)}
.planner-result.result-updated{animation:planner-result-in .7s ease-out both}
@keyframes market-arrive{from{opacity:0;translate:0 -24px}to{opacity:1;translate:0 0}}
@keyframes planner-result-in{from{opacity:.3;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.planner-form{grid-template-columns:1fr 1fr}.planner-submit{grid-column:1/-1;justify-self:start}.planner-heading{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){.market-dialog{padding:28px 22px;border-radius:16px}.market-dialog h2{font-size:29px}.market-options{gap:12px}.market-options button{padding:22px 8px}.market-options strong{font-size:21px}.market-options small{font-size:10px}.global-planner{padding-block:38px 40px}.planner-form{grid-template-columns:1fr;gap:16px}.planner-submit{justify-self:stretch}.planner-result{padding:20px 16px}.planner-heading{margin-bottom:22px}}
.motion-paused .planner-ready{opacity:1;translate:none;transition:none}.motion-paused .market-dialog[open],.motion-paused .planner-result{animation:none}
@media(prefers-reduced-motion:reduce){.market-dialog[open],.planner-result.result-updated{animation:none}.planner-ready{opacity:1!important;translate:none!important;transition:none}.market-options button{transition:none}}
/* Informational handover: no date entry, submit step, or long result panel. */
.overnight-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;position:relative}
.overnight-intro h2{font-size:clamp(30px,3.2vw,44px);max-width:460px;margin:0 0 16px}
.overnight-intro>p{font-size:13px;line-height:1.8;max-width:360px;margin:0 0 22px}
.overnight-contact{display:inline-block;background:var(--ink);color:var(--gold-pale);border-radius:7px;padding:12px 18px;font:500 12px/1.5 var(--sans);transition:background .3s}
.overnight-contact:hover{background:#173621}
.handover-card{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:18px;padding:26px;border:1px solid #9e814c66;border-radius:12px;background:#fbf7ed80;min-width:0}
.handover-step{min-width:0;align-self:start}.handover-step>span{display:block;font-size:10px;line-height:1.5;margin-bottom:10px;opacity:.8}
.handover-step strong{display:block;font:400 clamp(19px,1.8vw,25px)/1.45 var(--serif);letter-spacing:-.035em}.handover-step sup{font:500 13px var(--sans);margin-left:2px}
.handover-arrow{font-size:22px;color:#a98e54}
.handover-zone{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;border-top:1px solid #9e814c40;padding-top:14px;font-size:10px;line-height:1.6}
#planner-zone-toggle{border:0;border-bottom:1px solid currentColor;padding:3px 0;background:transparent;font:400 10px/1.6 var(--sans)}
#planner-zone-picker{grid-column:1/-1;min-width:0}#planner-zone-picker[hidden]{display:none}
#planner-zone-picker label{display:block;font-size:10px;margin-bottom:7px}#planner-zone-picker select{width:100%;min-width:0;max-width:100%;border:1px solid #9e814c66;border-radius:6px;background:#fbf7ed;color:var(--ink);padding:10px;font:400 12px var(--sans)}
.global-planner .planner-availability{font-size:10px;max-width:none;margin-top:24px;opacity:.85}
@media(max-width:900px){.overnight-layout{gap:28px;grid-template-columns:1fr}.overnight-intro h2{max-width:none}.overnight-intro>p{max-width:470px}.handover-card{max-width:620px;width:100%}.handover-step strong{font-size:24px}}
@media(max-width:600px){.overnight-intro h2{font-size:32px}.handover-card{padding:20px 16px;gap:15px 12px}.handover-step strong{font-size:20px}.handover-zone{font-size:10px}.global-planner .planner-availability{font-size:10px;margin-top:20px}}

@media(max-width:600px){.market-options{grid-template-columns:1fr;gap:10px}.market-options button{display:grid;grid-template-columns:42px 1fr;gap:2px 14px;align-items:center;text-align:left;padding:14px 18px}.market-options .market-flag{grid-row:1/3;font-size:32px}.market-options strong{font-size:21px}.market-options small{font-size:10px}}
.send-day-choice{padding:0;margin:0 0 22px;border:0;min-width:0}
.send-day-choice legend{font-size:11px;line-height:1.6;padding:0;margin-bottom:10px}
.send-day-choice>div{display:flex;gap:8px;flex-wrap:wrap}
.send-day-choice button{border:1px solid #9e814c77;border-radius:6px;background:transparent;color:var(--ink);font:500 11px/1.6 var(--sans);padding:9px 15px;transition:background .3s,color .3s}
.send-day-choice button[aria-pressed="true"]{background:var(--ink);color:var(--gold-pale);border-color:var(--ink)}
.send-day-choice button:hover:not([aria-pressed="true"]){background:#a98e541a}
@media(max-width:600px){.send-day-choice>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.send-day-choice button{padding:10px 6px;font-size:11px}}
.handover-step strong{font-variant-numeric:tabular-nums}
.handover-card{transition:border-color .4s,box-shadow .4s}
.handover-card.is-rolling{border-color:var(--gold);box-shadow:0 0 22px #bea36715}
.timing-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Odometer columns: only the digit reels move; their slots never change width. */
.odo-token{display:inline-block;white-space:nowrap}
.odo-digit{display:inline-block;position:relative;width:1ch;height:1.2em;line-height:1.2;vertical-align:-.18em;overflow:hidden;text-align:center;font-variant-numeric:tabular-nums}
.odo-reel{display:flex;flex-direction:column;position:relative;line-height:1.2;will-change:transform}
.odo-value{display:block;flex:0 0 1.2em;height:1.2em;line-height:1.2em;text-align:center}
.handover-step strong{white-space:nowrap}
.odo-token:not(:last-child){font-size:.9em}
.odo-token:last-child{display:block}
#planner-send-time,#planner-ready-time{display:block}
.handover-step>span sup{font-size:9px}

/* A single centered flow: choose a day, compare times, then get in touch. */
.global-planner{padding-block:56px;text-align:center}
.global-planner:before{display:none}
.overnight-layout{display:flex;flex-direction:column;gap:28px;max-width:760px;margin-inline:auto}
.overnight-intro{width:100%}
.overnight-intro h2{max-width:none;font-size:clamp(28px,3vw,38px);margin:0 0 14px}
.overnight-intro>p{max-width:none;margin:0 0 26px;font-size:12px}
.send-day-choice{margin:0}
.send-day-choice legend{width:100%;font-size:10px;margin-bottom:10px}
.send-day-choice>div{display:flex;justify-content:center;gap:8px}
.send-day-choice button{border-radius:999px;padding:8px 18px}
.handover-card{width:100%;max-width:660px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:24px 16px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.handover-step>span{margin-bottom:6px}
.handover-step strong{font-size:clamp(22px,2.5vw,30px);line-height:1.55}
.handover-arrow{align-self:center;font-size:24px}
.handover-zone{justify-content:center;border:0;padding-top:0;gap:4px 12px}
#planner-zone-picker{max-width:380px;width:100%;justify-self:center;text-align:left}
.handover-card.is-rolling{box-shadow:none}
.global-planner>.overnight-contact{background:transparent;color:var(--ink);border-radius:0;border-bottom:1px solid currentColor;padding:0 0 4px;margin-top:24px;font-size:11px}
.global-planner>.overnight-contact:hover{background:transparent;opacity:.7}
.global-planner .planner-availability{max-width:590px;margin:18px auto 0;font-size:9px;line-height:1.7;opacity:.75}
@media(max-width:600px){.global-planner{padding-block:40px}.overnight-layout{gap:24px}.overnight-intro h2{max-width:340px;margin-inline:auto}.overnight-intro>p{max-width:290px;margin-inline:auto;margin-bottom:22px}.handover-card{gap:20px 8px}.handover-step strong{font-size:20px}.send-day-choice button{padding:8px 15px}}

/* Temporarily hide the tool; keep the heading and short introduction. */
#global-planner[data-planner-paused="true"] .send-day-choice,
#global-planner[data-planner-paused="true"] .handover-card,
#global-planner[data-planner-paused="true"]>.overnight-contact,
#global-planner[data-planner-paused="true"]>.planner-availability{display:none!important}
#global-planner[data-planner-paused="true"] .overnight-intro>p{margin-bottom:0}