/* Illustrated physical delivery paths. Motion expresses sequence, never measurements. */
.gs-monitor .gsgd-figure{--gsgd-ink:#203e38;--gsgd-muted:#51635b;--gsgd-line:#c9d7cd;--gsgd-paper:#f5f6ef;--gsgd-accent:#a64b3c;box-sizing:border-box;max-width:940px;margin:30px 0 38px;padding:clamp(20px,3vw,30px);border:1px solid var(--gsgd-line);border-radius:18px;background:var(--gsgd-paper);color:var(--gsgd-ink)}
.gs-monitor .gsgd-figure *{box-sizing:border-box;min-width:0}
.gs-monitor .gsgd-header .gsgd-kicker{margin:0 0 10px;color:var(--gsgd-muted);font-size:13px;line-height:1.6}
.gs-monitor .gsgd-header h3{margin:0 0 13px;font:400 clamp(25px,3vw,31px)/1.22 Georgia,"Times New Roman",serif;letter-spacing:-.02em;color:var(--gsgd-ink);text-wrap:balance}
.gs-monitor .gsgd-header>p:last-child{margin:0;font-size:15px;line-height:1.75;max-width:72ch;color:var(--gsgd-muted)}
.gs-monitor .gsgd-icon{display:block;width:142px;height:116px;max-width:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.gs-monitor .gsgd-icon .gsgd-transfer,.gs-monitor .gsgd-icon .gsgd-heat{stroke:var(--gsgd-accent)}
.gs-monitor .gsgd-icon-confirm{fill:#e3ecdf}
.gs-monitor .gsgd-icon .gsgd-dot{fill:var(--gsgd-accent);stroke:none}
.gs-monitor .gsgd-step,.gs-monitor .gsgd-route{--gsgd-order:0}
.gs-monitor .gsgd-step:nth-child(2),.gs-monitor .gsgd-route:nth-child(2){--gsgd-order:1}
.gs-monitor .gsgd-step:nth-child(3),.gs-monitor .gsgd-route:nth-child(3){--gsgd-order:2}
.gs-monitor .gsgd-step:nth-child(4){--gsgd-order:3}
.gs-monitor .gsgd-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0 24px;padding:0;list-style:none}
.gs-monitor .gsgd-step{position:relative;padding:18px 13px 17px;border:1px solid var(--gsgd-line);border-radius:13px;background:#fff8}
.gs-monitor .gsgd-step-number{display:grid;place-items:center;width:27px;height:27px;margin-bottom:7px;border:1px solid var(--gsgd-line);border-radius:50%;background:var(--gsgd-paper);font-size:13px;line-height:1;font-weight:700}
.gs-monitor .gsgd-step .gsgd-icon{margin:0 auto 15px}
.gs-monitor .gsgd-step h4{margin:0 0 8px;min-height:44px;font:600 15px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--gsgd-ink)}
.gs-monitor .gsgd-step p{margin:0;font-size:14px;line-height:1.7;color:var(--gsgd-muted)}
.gs-monitor .gsgd-link{position:absolute;top:98px;left:calc(100% + 1px);width:24px;height:2px;background:var(--gsgd-line);color:var(--gsgd-accent);z-index:1}
.gs-monitor .gsgd-link:after,.gs-monitor .gsgd-route-path:after,.gs-monitor .gsgd-global-path:after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.gs-monitor .gsgd-link i{position:absolute;left:32%;top:-3px;width:8px;height:8px;border-radius:50%;background:currentColor}
.gs-monitor .gsgd-timing{display:flex;gap:13px;align-items:baseline;flex-wrap:wrap;padding:17px 20px;border-radius:11px;background:var(--gsgd-ink);color:#fff}
.gs-monitor .gsgd-timing strong{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.gs-monitor .gsgd-timing span{font-size:14px;line-height:1.65;color:#e2ece6}
.gs-monitor .gsgd-figure .gsgd-conclusion{margin:20px 0 0;font-size:16px;line-height:1.8}
.gs-monitor .gsgd-figure figcaption{margin:15px 0 0;padding-top:14px;border-top:1px solid var(--gsgd-line);font-size:13px;line-height:1.8;color:var(--gsgd-muted)}
.gs-monitor .gsgd-route-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,.43fr);gap:14px 22px;align-items:stretch;margin:25px 0}
.gs-monitor .gsgd-route{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(145px,1fr);gap:18px;align-items:center;grid-column:1;padding:12px 0 12px 14px;border:1px solid var(--gsgd-line);border-right:0;border-radius:12px 0 0 12px;background:#fff8}
.gs-monitor .gsgd-origin{display:grid;grid-template-columns:75px minmax(0,1fr);column-gap:12px;align-items:center}
.gs-monitor .gsgd-origin .gsgd-icon{grid-row:1/3;width:75px;height:62px}
.gs-monitor .gsgd-origin strong{align-self:end;font-size:15px;line-height:1.45}
.gs-monitor .gsgd-origin>span{align-self:start;margin-top:4px;color:var(--gsgd-muted);font-size:13px;line-height:1.5}
.gs-monitor .gsgd-route-path{position:relative;display:grid;align-content:center;align-self:stretch;padding:0 12px 18px 0;font-size:13px;line-height:1.6;color:var(--gsgd-ink)}
.gs-monitor .gsgd-route-path:before{content:"";position:absolute;left:0;right:-22px;top:calc(50% + 20px);height:2px;background:var(--gsgd-line)}
.gs-monitor .gsgd-route-path:after{right:-22px;top:calc(50% + 17px);color:var(--gsgd-ink)}
.gs-monitor .gsgd-route-path i{position:absolute;left:32%;top:calc(50% + 17px);width:8px;height:8px;border-radius:50%;background:var(--gsgd-accent)}
.gs-monitor .gsgd-destination{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:18px;text-align:center;border:1px solid var(--gsgd-ink);border-radius:13px;background:var(--gsgd-ink);color:#fff}
.gs-monitor .gsgd-destination .gsgd-icon{width:120px;height:98px;color:#c1d5c7}
.gs-monitor .gsgd-destination strong{font-size:19px;line-height:1.4}
.gs-monitor .gsgd-destination>span{font-size:14px;line-height:1.65;color:#e2ece6}
.gs-monitor .gsgd-global{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:12px;align-items:center;padding:21px 20px;border:1px solid #d9b6a8;border-radius:13px;background:#f4e8e0}
.gs-monitor .gsgd-global-origin,.gs-monitor .gsgd-global-result{display:grid;grid-template-columns:75px minmax(0,1fr);column-gap:13px;align-items:center}
.gs-monitor .gsgd-global .gsgd-icon{grid-row:1/3;width:75px;height:62px;color:#744535}
.gs-monitor .gsgd-global strong{align-self:end;font-size:15px;line-height:1.5}
.gs-monitor .gsgd-global span{align-self:start;margin-top:5px;font-size:14px;line-height:1.65;color:#654e43}
.gs-monitor .gsgd-global-path{position:relative;height:2px;background:#c99e89;color:#a64b3c}
.gs-monitor .gsgd-global-path i{position:absolute;left:36%;top:-3px;width:8px;height:8px;border-radius:50%;background:currentColor}
@media(prefers-reduced-motion:no-preference){
.gs-monitor .gsgd-figure.has-motion .gsgd-step{animation:gsgd-stage 12s ease-in-out infinite;animation-delay:calc(var(--gsgd-order) * 2.5s);animation-play-state:paused}
.gs-monitor .gsgd-figure.has-motion .gsgd-link i{animation:gsgd-link-flow 12s linear infinite;animation-delay:calc(var(--gsgd-order) * 2.5s);animation-fill-mode:backwards;animation-play-state:paused}
.gs-monitor .gsgd-figure.has-motion .gsgd-route-path i{animation:gsgd-route-flow 8s linear infinite;animation-delay:calc(var(--gsgd-order) * 1.6s);animation-fill-mode:backwards;animation-play-state:paused}
.gs-monitor .gsgd-figure.has-motion .gsgd-global-path i{animation:gsgd-global-flow 8s linear infinite;animation-delay:4s;animation-fill-mode:backwards;animation-play-state:paused}
.gs-monitor .gsgd-figure.is-playing .gsgd-step,.gs-monitor .gsgd-figure.is-playing .gsgd-link i,.gs-monitor .gsgd-figure.is-playing .gsgd-route-path i,.gs-monitor .gsgd-figure.is-playing .gsgd-global-path i{animation-play-state:running}
}
@keyframes gsgd-stage{0%,20%,100%{background-color:#fff8;border-color:#c9d7cd}6%,14%{background-color:#e3ecdf;border-color:#7b9f87}}
@keyframes gsgd-link-flow{0%,10%{left:0;opacity:0}12%{opacity:1}20%{left:calc(100% - 4px);opacity:1}22%,100%{left:calc(100% - 4px);opacity:0}}
@keyframes gsgd-route-flow{0%,6%{left:0;opacity:0}12%{opacity:1}56%{left:calc(100% + 17px);opacity:1}60%,100%{left:calc(100% + 17px);opacity:0}}
@keyframes gsgd-global-flow{0%,10%{left:0;opacity:0}20%{opacity:1}60%{left:calc(100% - 4px);opacity:1}68%,100%{left:calc(100% - 4px);opacity:0}}
@media(max-width:800px){
.gs-monitor .gsgd-chain{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.gs-monitor .gsgd-step h4{min-height:0}
.gs-monitor .gsgd-link{display:none}
.gs-monitor .gsgd-step{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:14px;align-content:start;padding:17px}
.gs-monitor .gsgd-step-number{position:absolute;left:13px;top:13px;width:25px;height:25px}
.gs-monitor .gsgd-step .gsgd-icon{grid-column:1;grid-row:1/3;margin:25px 0 0;width:88px;height:72px}
.gs-monitor .gsgd-step h4,.gs-monitor .gsgd-step p{grid-column:2}
.gs-monitor .gsgd-route-map{grid-template-columns:minmax(0,1fr) minmax(145px,.4fr);gap:12px 18px}
.gs-monitor .gsgd-route{grid-template-columns:minmax(130px,1fr) minmax(95px,.75fr);gap:10px;padding-left:10px}
.gs-monitor .gsgd-origin{grid-template-columns:1fr;gap:3px}
.gs-monitor .gsgd-origin .gsgd-icon{grid-row:auto;width:72px;height:59px;margin-bottom:4px}
.gs-monitor .gsgd-route-path:before{right:-18px}.gs-monitor .gsgd-route-path:after{right:-18px}
.gs-monitor .gsgd-global{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);padding:18px 15px;gap:8px}
.gs-monitor .gsgd-global-origin,.gs-monitor .gsgd-global-result{grid-template-columns:1fr;gap:4px}
.gs-monitor .gsgd-global .gsgd-icon{grid-row:auto}
}
@media(max-width:540px){
.gs-monitor .gsgd-figure{padding:20px 16px;border-radius:14px;margin-block:26px 32px}
.gs-monitor .gsgd-header h3{font-size:25px}
.gs-monitor .gsgd-chain{grid-template-columns:1fr;gap:33px;margin:25px 0 20px}
.gs-monitor .gsgd-step{grid-template-columns:82px minmax(0,1fr);column-gap:13px;padding:17px 15px}
.gs-monitor .gsgd-step .gsgd-icon{width:82px;height:67px;margin-top:24px}
.gs-monitor .gsgd-link{display:block;left:calc(50% - 1px);top:calc(100% + 1px);width:2px;height:32px}
.gs-monitor .gsgd-link:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}
.gs-monitor .gsgd-link i{left:-3px;top:30%}
.gs-monitor .gsgd-timing{display:grid;gap:5px;padding:16px}
.gs-monitor .gsgd-timing strong{font-size:23px}
.gs-monitor .gsgd-route-map{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px}
.gs-monitor .gsgd-route{grid-column:1;grid-template-columns:minmax(0,1fr) minmax(85px,.65fr);gap:13px;border-right:1px solid var(--gsgd-line);border-radius:12px;padding:14px}
.gs-monitor .gsgd-origin{grid-template-columns:58px minmax(0,1fr);column-gap:10px;row-gap:0}
.gs-monitor .gsgd-origin .gsgd-icon{grid-row:1/3;width:58px;height:48px;margin:0}
.gs-monitor .gsgd-origin strong{font-size:14px;overflow-wrap:anywhere}
.gs-monitor .gsgd-origin>span{font-size:13px;line-height:1.55}
.gs-monitor .gsgd-route-path{padding:0 0 16px;font-size:13px}
.gs-monitor .gsgd-route-path:before{right:0;top:calc(50% + 22px)}
.gs-monitor .gsgd-route-path:after{right:0;top:calc(50% + 19px)}
.gs-monitor .gsgd-route-path i{top:calc(50% + 19px)}
.gs-monitor .gsgd-destination{grid-column:1;grid-row:auto;display:grid;grid-template-columns:73px minmax(0,1fr);column-gap:14px;row-gap:6px;text-align:left;padding:17px}
.gs-monitor .gsgd-destination .gsgd-icon{grid-row:1/3;width:73px;height:60px}
.gs-monitor .gsgd-destination strong{font-size:18px}
.gs-monitor .gsgd-destination>span{font-size:14px;line-height:1.65}
.gs-monitor .gsgd-global{grid-template-columns:1fr;gap:15px;padding:18px 16px}
.gs-monitor .gsgd-global-origin,.gs-monitor .gsgd-global-result{grid-template-columns:60px minmax(0,1fr);column-gap:12px;row-gap:0}
.gs-monitor .gsgd-global .gsgd-icon{grid-row:1/3;width:60px;height:49px}
.gs-monitor .gsgd-global-path{width:2px;height:29px;margin-left:29px}
.gs-monitor .gsgd-global-path:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}
.gs-monitor .gsgd-global-path i{left:-3px;top:30%}
@media(prefers-reduced-motion:no-preference){.gs-monitor .gsgd-figure.has-motion .gsgd-link i{animation-name:gsgd-link-flow-mobile}.gs-monitor .gsgd-figure.has-motion .gsgd-global-path i{animation-name:gsgd-global-flow-mobile}.gs-monitor .gsgd-figure.has-motion .gsgd-route-path i{animation-name:gsgd-route-flow-mobile}}
}
@keyframes gsgd-link-flow-mobile{0%,10%{top:0;opacity:0}12%{opacity:1}20%{top:calc(100% - 4px);opacity:1}22%,100%{top:calc(100% - 4px);opacity:0}}
@keyframes gsgd-global-flow-mobile{0%,10%{top:0;opacity:0}20%{opacity:1}60%{top:calc(100% - 4px);opacity:1}68%,100%{top:calc(100% - 4px);opacity:0}}
@keyframes gsgd-route-flow-mobile{0%,6%{left:0;opacity:0}12%{opacity:1}56%{left:calc(100% - 4px);opacity:1}60%,100%{left:calc(100% - 4px);opacity:0}}
@media(prefers-reduced-motion:reduce){.gs-monitor .gsgd-figure *{animation:none!important;transition:none!important}}
@media print{.gs-monitor .gsgd-figure{break-inside:avoid;background:#fff;border-color:#777}.gs-monitor .gsgd-figure *{animation:none!important;transition:none!important}.gs-monitor .gsgd-destination,.gs-monitor .gsgd-timing{background:#fff;color:#203e38}.gs-monitor .gsgd-destination>span,.gs-monitor .gsgd-timing span{color:#51635b}}
