.cs-status{max-width:540px;margin:12px auto 0;padding:0 0 20px;color:var(--ink)}
.cs-status .cs-preview{font-size:11px;color:var(--muted);text-align:center;margin:0 0 18px}
.cs-status h1.script{font-size:clamp(36px,6vw,54px);text-align:center;line-height:1.25;margin:0 auto 18px;max-width:14ch;text-wrap:balance}
.cs-eta{text-align:center;font-size:24px;font-variant-numeric:tabular-nums;margin:0 0 16px}
.cs-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:68px 0 30px;gap:0}
.cs-track li{position:relative;min-width:0;font-size:10px;line-height:1.5;text-align:center;color:var(--muted);padding:20px 4px 0}
.cs-track li:before{content:"";position:absolute;height:2px;background:var(--line);top:0;left:0;right:0}
.cs-track li:first-child:before{left:50%}.cs-track li:last-child:before{right:50%}
.cs-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--line);top:-3px;left:calc(50% - 4px)}
.cs-track .cs-reached{color:var(--ink)}.cs-track .cs-reached:before,.cs-reached .cs-dot{background:#a2697e}
.cs-track img{position:absolute;left:calc(50% - 22px);top:-48px;object-fit:contain}
.cs-receiving{border-block:1px solid var(--line);padding:16px 0;margin:0 0 8px;font-size:13px;line-height:1.6}
.cs-receiving p{margin:0}.cs-receiving>p:first-child{display:flex;justify-content:space-between;gap:16px}.cs-receiving>p:first-child span{white-space:nowrap;font-variant-numeric:tabular-nums}
.cs-when,.cs-address{color:var(--muted);font-size:12px;margin-top:6px!important;overflow-wrap:anywhere}
.cs-items{font-size:12px;margin:0 0 20px}.cs-items summary{padding:12px 0;cursor:pointer;min-height:44px}.cs-items ul{list-style:none;margin:0;padding:0 0 12px}.cs-items li{display:flex;justify-content:space-between;gap:14px;padding:5px 0}.cs-items li>span:first-child{min-width:0;overflow-wrap:anywhere}.cs-items li>span:last-child{white-space:nowrap}
.cs-note{font-size:11px;text-align:center;color:var(--muted);margin:12px 0 0}
@media(max-width:390px){.cs-track li{font-size:9px;padding-inline:1px}.cs-status h1.script{font-size:36px}}
@media(prefers-reduced-motion:no-preference){.cs-track img{animation:cs-arrive 500ms cubic-bezier(.22,.75,.25,1) both}@keyframes cs-arrive{from{opacity:0;transform:translate(-8px,3px)}to{opacity:1;transform:translate(0,0)}}}
/* NinaCTT has wide connected letters: keep each word whole on narrow screens. */
.cf-shell .cs-status h1.script{max-width:100%;font-size:clamp(28px,6.8vw,44px)}
@media(max-width:390px){.cf-shell .cs-status h1.script{font-size:28px}}