/* Parcel GoGo r5: illustrated tracking, naturally scrolling results. */
.tracking-hero { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 5vw; padding: 42px max(7vw,24px) 48px; background: var(--deep); color: white; }
.tracking-breadcrumb { margin-bottom: 30px; color: #c5d6cd; font-size: 14px; }.tracking-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }.tracking-breadcrumb > span { margin: 0 7px; }
.tracking-hero h1 { margin: 19px 0; font-size: clamp(40px,4.8vw,64px); line-height: 1.12; }.tracking-hero h1 span { color: var(--lime); }.tracking-hero-copy > p { color: #d6e4da; font-size: 18px; line-height: 1.75; max-width: 540px; }
.tracking-jump { display: inline-flex; align-items: center; gap: 18px; padding: 12px 0; margin-top: 16px; color: #ffb38a; font-weight: 700; text-decoration: underline; text-underline-offset: 6px; }.tracking-jump > span { font-size: 24px; }
.tracking-visual { margin: 0; border-radius: 24px; overflow: hidden; border: 1px solid #567360; background: #183c30; }.tracking-visual img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }.tracking-visual figcaption { padding: 16px 20px; font-size: 11px; letter-spacing: .15em; color: #d9e8cc; border-top: 1px solid #ffffff12; }
.track-page { max-width: 1080px; padding-top: 40px; }.track-page .tracking-card { color: var(--ink); background: white; border: 1px solid #d4dfd1; box-shadow: 0 16px 44px #102e290a; border-radius: 20px; position: static; max-height: none; overflow: visible; }
.tracking-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.tracking-card-heading p { font-size: 17px; color: var(--muted); }.tracking-emblem { display: grid; place-items: center; flex: 0 0 58px; height: 58px; background: #edf2e3; border-radius: 16px; color: #375f3e; font-size: 32px; }
.track-page .tracking-form { margin-top: 28px; }.track-page .tracking-form label { font-size: 16px; }.track-page .tracking-input-row { gap: 12px; }.track-page .tracking-input-row input { background: #fafbf7; border-color: #9cb29e; font-size: 18px; padding: 16px; }.track-page .tracking-input-row button { background: var(--orange); flex-basis: 60px; font-size: 28px; }.track-page .tracking-hint { color: var(--muted); font-size: 14px; margin-top: 12px; }
.track-page .tracking-error { color: #812d15; background: #fff3ed; border-color: #e7b39f; padding: 15px; border-radius: 10px; }
.track-page .tracking-result { border-top-color: var(--line); padding-top: 28px; margin-top: 28px; }
.track-page .tracking-current { background: #eaf1df; border: 1px solid #d8e4c8; border-radius: 12px; padding: 20px; gap: 16px; }.track-page .tracking-current small { color: #46613d; font-size: 12px; }.track-page .tracking-current b { color: var(--ink); font-size: 24px; margin-top: 3px; }.track-page .status-pulse { background: #436634; box-shadow: 0 0 0 6px #d7e6c8; flex: 0 0 10px; }
.track-page .tracking-route { font-size: 18px; color: var(--ink); padding: 16px 0; border-bottom: 1px solid var(--line); margin: 8px 0 25px; }.track-page .tracking-route span { color: #a44b20; }
.track-page .timeline { padding-left: 7px; margin-top: 22px; }.track-page .timeline li { border-left: 2px solid #d5dfcf; padding: 0 0 30px 26px; }.track-page .timeline li:last-child { border-left-color: transparent; }.track-page .timeline-dot { width: 12px; height: 12px; left: -7px; background: #47703d; border: 3px solid white; box-shadow: 0 0 0 1px #47703d; }.track-page .timeline b { font-size: 18px; color: var(--ink); }.track-page .timeline p { font-size: 16px; color: #435b4d; }.track-page .timeline small { font-size: 14px; color: #59705d; }
.track-page .tracking-foot { border-top-color: var(--line); font-size: 15px; }.track-page .tracking-foot span { color: var(--muted); }.track-page .tracking-foot a { color: #315d3d; font-weight: 700; }
.tracking-guidance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; padding: 32px 5px 0; }.tracking-guidance > div > span { display: inline-block; color: #9c562f; font-size: 13px; margin-bottom: 10px; }.tracking-guidance h3 { font-size: 19px; margin-bottom: 9px; }.tracking-guidance p { color: var(--muted); font-size: 15px; }.tracking-guidance a { text-decoration: underline; text-underline-offset: 4px; color: var(--ink); }
@media(max-width:760px) { .tracking-hero { grid-template-columns: 1fr; gap: 28px; padding: 28px 24px 34px; }.tracking-hero h1 { font-size: clamp(38px,8vw,56px); }.tracking-breadcrumb { margin-bottom: 23px; }.tracking-visual { max-width: 520px; width: 100%; margin: auto; }.tracking-visual img { max-height: 245px; }.tracking-guidance { grid-template-columns: 1fr; gap: 22px; }.tracking-guidance > div { border-bottom: 1px solid var(--line); padding-bottom: 18px; }.track-page { padding-top: 26px; }.tracking-emblem { display: none; }.track-page .tracking-input-row input { font-size: 16px; padding: 14px 11px; }.track-page .tracking-input-row button { flex-basis: 48px; }.track-page .tracking-current { padding: 17px; }.track-page .tracking-current b { font-size: 21px; } }