.hs224-page{max-width:960px;margin:45px auto 80px;padding:0 20px;min-height:45vh}.hs224-page h1{margin-bottom:10px}.hs224-form,.hs224-result{background:#fff;border:1px solid #dce5de;border-radius:16px;padding:24px;margin:25px 0}.hs224-form{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.hs224-form label{flex:1 1 220px;font-weight:600}.hs224-form input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cdd9d0;border-radius:8px}.hs224-form button{background:#145633;color:white;border:0;border-radius:8px;padding:14px 22px;cursor:pointer}.hs224-events{padding-left:26px}.hs224-events li{padding:10px 0;border-bottom:1px solid #eee}.hs224-events li div{color:#526258;font-size:.9em}@media(max-width:600px){.hs224-form{display:block}.hs224-form label{display:block;margin-bottom:15px}.hs224-form button{width:100%}}
/* v2.2.5 polished shipment timeline */
.hs224-page{margin-top:30px}.hs224-form{margin-top:0;align-items:end}.hs224-form .hs225-reference{font-weight:400}.hs224-form input::placeholder{color:#68776f;opacity:1}.hs225-timeline-title{margin:32px 0 22px}.hs224-events{list-style:none;padding:0;margin:0 0 8px}.hs224-events .hs225-event{position:relative;display:flex;gap:20px;padding:0 0 28px 0;border:0;counter-increment:none}.hs225-event:not(:last-child):before{content:"";position:absolute;left:10px;top:24px;bottom:0;width:2px;background:#c9ded1}.hs225-dot{position:relative;z-index:1;flex:none;width:22px;height:22px;border:3px solid #b9d6c3;background:#fff;border-radius:50%;box-sizing:border-box;margin-top:2px}.hs225-current .hs225-dot{background:#145633;border-color:#145633;box-shadow:0 0 0 5px #e5f4ea}.hs225-event-content{flex:1;background:#f8faf8;border:1px solid #e1eae3;border-radius:12px;padding:14px 18px;min-width:0}.hs225-current .hs225-event-content{background:#edf7f0;border-color:#9dc8ad}.hs225-event-content strong{font-size:1rem;color:#173f2b}.hs225-meta{margin-top:6px;color:#64756a;font-size:.88rem}.hs225-event-content p{margin:9px 0 0;color:#45594c}@media(max-width:600px){.hs224-form{padding:18px}.hs224-result{padding:18px}.hs225-event-content{padding:12px}.hs224-events .hs225-event{gap:12px}}

/* v2.2.6 smart tracking */
.hs224-form label .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hs226-overview{display:grid;gap:12px;margin:20px 0 22px}.hs226-place{display:flex;align-items:center;gap:14px;background:#f7faf8;border:1px solid #dfebe2;border-radius:12px;padding:14px 18px}.hs226-place-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:50%;background:#e4f3e9;color:#145633;font-size:20px}.hs226-place small{display:block;color:#64756a;font-size:.82rem;margin-bottom:3px}.hs226-place strong{display:block;color:#173f2b}.hs226-current-status{display:block;color:#17683f;font-size:.87rem;margin-top:4px}.hs224-events .hs225-event[hidden]{display:none!important}.hs225-dot{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#276443;width:28px;height:28px;margin-left:-3px}.hs225-current .hs225-dot{color:white}.hs225-event:not(:last-child):before{left:10px;top:29px}.hs226-kind-alert .hs225-dot{border-color:#d59b53;color:#9c5717}.hs226-kind-moving .hs225-dot{font-size:12px}.hs226-toggle{width:100%;padding:13px 18px;background:#fff;border:1px solid #c8dbce;border-radius:10px;color:#145633;font-weight:700;cursor:pointer}.hs226-toggle:hover{background:#f0f8f2}.hs226-toggle span{margin-left:7px}.hs224-result .hs225-timeline-title{margin-top:28px}