/* Phone layout only: preserve the desktop shipment-details grid and receipt. */
@media screen and (max-width:650px){
 #app .tk-main.wrap{width:calc(100% - 24px);max-width:none;margin-left:12px;margin-right:12px;padding-top:18px}
 #app .tk-result,#app .tk-details{min-width:0;margin-bottom:18px}
 #app .tk-result-heading{padding:20px 17px}
 #app .tk-result-heading h2{font-size:23px;line-height:1.4;overflow-wrap:anywhere;word-break:normal}
 #app .tk-result-heading .tk-type{margin-top:13px;gap:9px;align-items:flex-start}
 #app .tk-result-heading .tk-type strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 #app .tk-movement-summary{padding:20px 17px}
 #app .tk-movement-heading{gap:10px}
 #app .tk-movement-heading>div{min-width:0}
 #app .tk-movement-heading h3{font-size:18px;line-height:1.4}
 #app .tk-movement-heading p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
 #app .tk-movement-location{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
 #app .tk-compact-progress{gap:5px;margin:20px 0}
 #app .tk-compact-progress li{font-size:11px;line-height:1.5;min-width:0}
 #app .tk-compact-progress li span{display:block;min-height:33px}
 #app .tk-summary-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #app .tk-summary-facts>div{display:block;padding:12px;min-width:0}
 #app .tk-summary-facts>div:last-child{grid-column:1/-1}
 #app .tk-summary-facts span{margin-bottom:5px;font-size:12px}
 #app .tk-summary-facts strong{text-align:left;font-size:14px;line-height:1.6}
 #app .tk-postal-layout{padding:0 17px 23px;gap:23px;min-width:0}
 #app .tk-delivery-column{min-width:0;margin-top:20px}
 #app .tk-estimate{padding:22px 19px}
 #app .tk-estimate>strong{font-size:20px;overflow-wrap:anywhere}
 #app .tk-delivery-weekday{font-size:20px}
 #app .tk-delivery-day{font-size:66px;letter-spacing:-2px}
 #app .tk-delivery-month{font-size:17px}
 #app .tk-location-summary dl>div{padding:13px 0}
 #app .tk-location-summary dd{font-size:14px;line-height:1.7}
 #app #refresh-shipment{width:100%;min-height:48px;font-size:14px;margin-top:17px}
 #app .tk-timeline{min-width:0}
 #app .tk-timeline-heading{min-height:48px;padding-bottom:15px;margin-bottom:22px}
 #app .tk-timeline-heading h3{font-size:19px;line-height:1.5}
 #app .tk-timeline-heading:after{font-size:22px;right:2px;line-height:1.5}
 #app .tk-event-list{margin-left:8px}
 #app .tk-event-list li{padding:0 0 27px 23px;min-width:0;overflow-wrap:anywhere}
 #app .tk-event-list li strong{font-size:15px;line-height:1.5}
 #app .tk-event-list li.latest strong{font-size:17px}
 #app .tk-event-list li>span{font-size:14px;line-height:1.65}
 #app .tk-event-list li p{font-size:14px;line-height:1.7}
 #app .tk-event-list time{font-size:12px;line-height:1.7}
 #app .tk-timeline .tk-text-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:14px}
 #app .tk-details{display:grid;grid-template-columns:minmax(0,1fr);gap:21px;padding:22px 17px}
 #app .tk-details>div{min-width:0}
 #app .tk-details h2{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.3;margin:0 0 18px;letter-spacing:-.5px}
 #app .tk-details h2>.site-icon{width:23px;height:23px;flex-shrink:0}
 #app .tk-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:0}
 #app .tk-details dl>div,#app .tk-details dl>div:nth-child(n){display:flex;align-items:flex-start;gap:9px;min-width:0;border:0;border-top:1px solid #e2e8ed;padding:16px 9px 16px 0;margin:0}
 #app .tk-details dl>div:nth-child(even){padding-left:11px;padding-right:0;border-left:1px solid #e2e8ed}
 #app .tk-details dl>div:nth-child(-n+2){border-top:0}
 #app .tk-details dl>div>.site-icon{width:20px;height:20px;flex:0 0 20px;margin-top:1px}
 #app .tk-details dl>div>div{min-width:0;flex:1}
 #app .tk-details dt{font-size:12px;line-height:1.6;margin:0 0 6px;color:#566e80}
 #app .tk-details dd{font-size:14px;line-height:1.65;margin:0;font-weight:500;overflow-wrap:anywhere;word-break:normal}
 #app .tk-receipt{display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;align-items:start;margin:0;padding:18px;border-radius:4px;min-width:0}
 #app .tk-receipt-icon{width:96px;min-width:0;align-self:start}
 #app .tk-receipt-icon img{width:96px;height:96px;max-width:100%;border-radius:0}
 #app .tk-receipt>div{min-width:0}
 #app .tk-receipt strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
 #app .tk-receipt p{font-size:13px;line-height:1.7;margin:9px 0 0}
 #app .tk-receipt .tk-label{font-size:12px;line-height:1.6}
 #app .tk-receipt .orange{grid-column:1/-1;width:100%;min-height:49px;white-space:normal;line-height:1.5;font-size:14px;padding:12px;display:flex;justify-content:center;align-items:center;gap:10px;margin:0}
 #app .tk-receipt .orange>.site-icon{width:18px;height:18px;flex-shrink:0}
 #app .tk-search input{font-size:16px;min-height:44px}
 #app .tk-search button{min-height:48px}
 #app .tk-scan button{min-height:48px}
 #app .tk-faq-grid summary{min-height:44px;font-size:15px;line-height:1.65}
 #app .tk-updates{gap:15px;padding:22px 18px}
 #app .tk-updates h2{font-size:23px;line-height:1.3}
 #app .tk-updates-state{min-width:0;overflow-wrap:anywhere}
 #shipment-receipt-dialog .receipt-toolbar button,#shipment-receipt-dialog .receipt-toolbar a{min-height:44px}
}
@media screen and (max-width:359px){
 #app .tk-details dl{grid-template-columns:minmax(0,1fr)}
 #app .tk-details dl>div:nth-child(n){border-left:0;border-top:1px solid #e2e8ed;padding:13px 0;gap:12px}
 #app .tk-details dl>div:first-child{border-top:0}
 #app .tk-details dt{font-size:12px;margin-bottom:3px}
 #app .tk-details dd{font-size:15px}
 #app .tk-receipt{grid-template-columns:minmax(0,1fr);gap:12px;padding:17px}
 #app .tk-receipt-icon{width:104px}
 #app .tk-receipt-icon img{width:104px;height:104px}
 #app .tk-receipt strong{font-size:15px}
 #app .tk-details h2{font-size:24px}
}

#app .tk-result[hidden],#app .tk-details[hidden]{display:none!important}
/* Compact tracking typography, matching the supplied postal reference. */
#app .tk-timeline,#app .tk-estimate{font-family:Arial,Helvetica,sans-serif}
#app .tk-event-list li,#app .tk-event-list li.is-complete{padding-bottom:24px;line-height:1.45}
#app .tk-event-list li strong,#app .tk-event-list li.is-complete strong,#app .tk-event-list li[data-milestone=registration] strong{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:1.45;color:#26344b;letter-spacing:0}
#app .tk-event-list li.latest strong,#app .tk-event-list li[data-milestone=acceptance] strong{font-size:17px;font-weight:600;line-height:1.4;color:#306d8b}
#app .tk-event-list li.hold.latest strong{color:#856325}
#app .tk-event-list li p,#app .tk-event-list li.is-complete p{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.5;color:#26313c;letter-spacing:0;margin:3px 0 0;max-width:570px}
#app .tk-event-list li>span,#app .tk-event-list li.is-complete>span{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:#4d5c68;margin-top:4px}
#app .tk-event-list li time,#app .tk-event-list li.is-complete time{font-size:12px;font-weight:400;line-height:1.5;color:#77818a;margin-top:6px}
#app .tk-event-list li[data-milestone=registration]{padding-top:15px;border-top:1px solid #dce3e8}
#app .tk-event-list li[data-milestone=registration]:before{top:19px}
#app .tk-milestones li strong{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;color:#8a9299;line-height:1.5}
#app .tk-milestones li small{font-size:11px;font-weight:400;color:#929ba3}
#app .tk-estimate .tk-origin-receipt{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.55;color:#26313c}
@media screen and (max-width:650px){#app .tk-event-list li p{font-size:13px;line-height:1.55}#app .tk-event-list li strong{font-size:13px}#app .tk-event-list li.latest strong,#app .tk-event-list li[data-milestone=acceptance] strong{font-size:16px}#app .tk-estimate .tk-origin-receipt{font-size:13px;line-height:1.6}}

#app details.tk-timeline .tk-event-list li p{font-size:13px!important;line-height:1.55;margin:3px 0 0!important}

#app .tk-summary-facts{grid-template-columns:minmax(0,1fr)}

#app .tk-carrier-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:20px;margin-top:12px;border-top:1px solid #e1e8ef}
#app .tk-carrier-details[hidden]{display:none!important}
#app .tk-carrier-details>div{min-width:0}#app .tk-carrier-details span{display:block;font-size:13px;line-height:1.6;color:#617b94;margin-bottom:5px}#app .tk-carrier-details strong{display:block;font-size:15px;line-height:1.6;font-weight:500;color:#123457;overflow-wrap:anywhere}
@media(max-width:400px){#app .tk-carrier-details{grid-template-columns:minmax(0,1fr);gap:15px}}

#app .tk-custom-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;padding:18px 0;border-top:1px solid #e1e8ef}#app .tk-custom-fields[hidden]{display:none!important}#app .tk-custom-fields span{display:block;color:#617b94;font-size:13px;margin-bottom:6px}#app .tk-custom-fields strong{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}@media(max-width:400px){#app .tk-custom-fields{grid-template-columns:1fr}}